前端自动化

git+jenkins+maven自动化部署（四）vue前端自动化部署

一、流程建立maven项目-》General-》源码管理-》build-》构件后操作-》验证，下面逐一进行分析。二、新建maven项目输入任务名称，选择【构建一个maven项目】三、项目配置1、General配置进行简单的描述，其他可根据项目实际进行配置2、源码管理选择对应的git地址，进行代码拉取3、构件环境4、构件这里我用的是cnpm,避免因网络问题导致错误。代码如下#!/bin/bashso
Cloudia8020·2020-09-16 20:37

前端组件库大合集-必备收藏

0.前端自动化(Workflow)前端构建工具Yeoman–asetoftoolsforautomatingdevelop
尜尜alp·2020-09-16 15:21

前端自动化测试框架Cypress教程（推荐）

https://blog.csdn.net/qq_33676825/category_10086054.html
猎摘互联网软件测试业界技术文章专用博客·2020-09-16 14:33

gulp前端自动化构建工具学习笔记（mac）

gulp是一个前端自动化构建工具，简单方便，学习起来也很方便。
antang1769·2020-09-16 02:52

使用Docker、Nginx和Jenkins实现前端自动化部署

部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为开发人员在本地开发，push提交代码到指定分支，自动触发Jenkins进行持续集成和自动化部署。
Java永远的神·2020-09-15 15:23

Selenium-webdriver系列教程(8)————使用Page Object设计模式

在进行web前端自动化测试的过程中，PageObject设计模式可以称得上是杀人放火，居家旅行的常备武器。
乙醇很忙·2020-09-15 02:23

1.前端自动化测试 之 视觉测试

前端自动化测试之视觉测试前端测试分类前端测试主要分五大方向测试，而这五大方向也分很多小方向测试，首先简单的介绍每个方向的概念界面样式测试固定界面样式测试：主要针对文字内容不变的区域，例如页面的页头，页脚这类结构
Royalq·2020-09-14 19:03

git+jenkins+vue自动化部署 vue前端自动化部署（四）

一、流程建立vue项目-》General-》源码管理-》build-》构件后操作-》验证，下面逐一进行分析。二、新建vue项目输入任务名称，选择【构建一个vue项目】三、项目配置1、General配置进行简单的描述，其他可根据项目实际进行配置2、源码管理选择对应的git地址，进行代码拉取vue项目3、构件环境4、构件这里我用的是cnpm,避免因网络问题导致错误。代码如下#!/bin/bashsou
jiuqijack·2020-09-13 16:18

Grunt / Gulp / Webpack / Rollup 比较

Grunt是一套前端自动化工具，帮助处理反复重复的任务。
_蚂蚁·2020-09-13 12:10

[工具]前端自动化生产环境，可下载使用

由于只有不到一下午的时间匆匆赶工出来的，初衷只是一时兴起，所以在种种机缘的情况下发布了第一版供大家使用奉上git地址https://github.com/keaderzyp/webpack_cli.gitssh:[email protected]:keaderzyp/webpack_cli.git提前说明一下，由于时间比较赶，作者只有mac所以测试也是在mac环境下测试的，虽然node是跨平台的，不过在
__LeoZhang·2020-09-11 21:42

Gitlab-ci: 从零开始的前端自动化部署

来源：外婆的https://zhuanlan.zhihu.com/p/184936276目录一.概念介绍1.1gitlab-ci&&自动化部署工具的运行机制1.2自动化部署给我们带来的好处二.知识预备2.1gitlab-ci涉及的抽象概念(Runner/PipeLine/Executor/Job)2.2YML文件的基本语法规则2.3.gitlab-ci.yml配置的特定关键字三.CI实战3.1编写
winty~~·2020-09-11 19:12

selenium总结

简述前端自动化测试测试是完善研发体系中不可或缺的一环。在合理的时间以合理的方式引入自动化测试能有效减少人工维护成本。
hyping001·2020-09-11 08:09

使用 Github Action 进行前端自动化发布

前言说起自动化，无论是在公司还是我们个人的项目中，都会用到或者编写一些工具来帮助我们去处理琐碎重复的工作，以节约时间提升效率，尤其是我们做前端开发会涉及诸如构建、部署、单元测试等这些开发工作流中重复的事项，本篇文章就是介绍如何利用GitHub提供的Actions来完成我们前端的发布自动化。GithubActions什么是Actions笔者个人理解为在某种条件下可被触发的任务，利用一个个任务（Act
图数据库NebulaGraph·2020-09-11 05:30

实战笔记：Jenkins打造强大的前端自动化工作流

背景公司的前端构建及部署工作都是人工去做，随着业务扩大，项目迭代速度变快，人员增多，各种问题都暴露出来，本文是对前端自动化工作流进行探索后的一篇经验分享，将通过一个简单案例分享一下基于Jenkins的前端自动化工作流搭建的过程
weixin_34378969·2020-09-11 05:05

前端方向-学习指路

，需要会算法通过算法考察思维逻辑动手是学习的重要组成部分：书籍中的每一个例子都动手实现并在浏览器中查看效果掌握原生javascript的基础上推荐熟练掌握jQuery，在实际工作中用处很大Grunt：前端自动化工具
ellieokokok·2020-09-10 16:17

gulp的使用

引言gulp是用于前端自动化构建的，方便前端进行即时开发的工具自动化构建所需的插件在项目路径下使用npminit初始化之后，将下面需要安装的依赖复制到package.json文件中"devDependencies
沐逢春·2020-08-26 23:39

手把手教你使用 netlify 实现前端的 自动部署 + HTTPS

随着开源工具越来越多，特别是nodejs构建微服务器之快，实现前端自动化部署越来越简单了，有可能【10行js代码+10行sh脚本+设置github的webhook】就能实现，但是如果你和我一样，就是“懒
weixin_30265103·2020-08-26 14:04

Grunt 与 Gulp 前端自动化集成工具

前端自动化集成工具：前端框架+工具例如：Yeoman/Bower/Grunt/Gulp一、grunt压缩、编译、单元测试、代码校验等安装(node环境下进行)npminstall-ggrunt-cli检测
韩辣yaya_前端程序媛·2020-08-25 17:55

八三、前端自动化-PM2一键部署

PM2一键部署http://pm2.keymetrics.io/PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单。好处无需通过手工或是ftp的方式把本地代码拷贝到服务器上无需手工启动或是重启远程服务器的Node服务项目的升级及迭代非常方便具有负载均衡功能pm2安装npmipm2-g指令#启动pm2startxxx#停止
荼荼荼蘼·2020-08-25 15:54

前端自动化—使用Jenkins+GitHub自动化部署前端项目

目录前言前置条件docker安装和java安装的对比开始，安装java环境第一步，下载安装包第二步，配置环境变量第三步，测试安装成功下载git插件下载Jenkins并启动第一步，下载Jenkins的war包第二步，使用java运行war包第三步，配置Jenkins和GitHubGitHub配置Jenkins配置安装nodejs插件新建一个Jenkins任务测试环境代码热更新nginx配置安装ngi
阵雨丶·2020-08-25 15:32

深入剖析 webpack 打包生成的一大堆代码到底是啥

1.为什么我们需要webpack现代webapp开发自然离不开模块化的开发，现代mvvm框架，诸如angular,vue,react让前端掀起了MVC的浪潮，所以，我们迫切的需要一个前端自动化构建的工具
小辣抓·2020-08-25 11:42

前端自动化部署（docker+Jenkins）

会讲到如下内容：1.docker安装jenkins容器2.Jenkins项目搭建流程3.github凭证创建以及github-webhook配置4.Jenkins插件安装5.shell脚本适合人群：对前端自动化部署感兴趣阅读全文
蔚1·2020-08-25 04:28

理解前端自动化测试TDD + BDD

前言在日常的开发中，整天赶需求的我们好像没有时间顾及自动化测试，尤其是在敏捷开发的时候。但其实自动化测试可以帮助我们提高代码和功能的健壮程度，大幅减少可能出现的bug。尤其是在复杂系统中，自动化测试的作用不容忽视。本篇文章是我自己的学习记录，使用测试框架jest和前端框架React来简单梳理的自动化测试。日常开发通常涉及到业务代码的开发以及函数、组件库的开发。针对这两方面的自动化测试，在模式和流程
nero·2020-08-24 17:29

[js高手之路]gulp教程-从入门到项目中快速上手使用

gulp是基于node实现Web前端自动化开发的工具，利用它能够极大的提高开发效率。在Web前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。
wangyunfeis·2020-08-24 16:19

Node 使用 Selenium 进行前端自动化操作

Node使用Selenium进行前端自动化操作前言：最近项目中有类似的需求：需要对前端项目中某一个用户下的产品数据进行批量的处理。
饭等米·2020-08-24 15:12

前端自动化测试（一）

因为可能项目开发周期短根本没有机会写，所以你没有办法体会到前端自动化测试的重要性。来说说为什么前端自动化测试如此重要！
前端优选·2020-08-24 15:58

我的前端集成测试（一）- 认识node的assert模块

FEATFrontEndAutomatesTest前端全自动化测试序章文章开头先引一个知乎上的问答：如何进行前端自动化测试？我相信做过前端的朋友都有这个疑问。
言月·2020-08-24 14:17

学习Grunt

一、Grunt是什么Grunt是一套前端自动化工具，一个基于nodeJs的命令行工具二、Grunt用来干什么Grunt用来搭建自动化的web前端开发环境，具有资源压缩，代码检查，文件合并等功能。
FcbCheck·2020-08-24 14:35

前端单元测试探索

首先不得不推荐两篇文章：前端自动化测试探索测试驱动开发（TD
ecmadao·2020-08-24 13:28

Gulp--手把手教你搭建前端自动化平台

前端的发展真的是快，前几年还是刀耕火种的开个编辑器，几行html和js代码就能上浏览器跑了。现在呢？各种包，各种库，各种框架，各种编程范式。究其原因，就是我们高中社会课本中那句话人民日益增长的文质文化需求，同落后的社会生产之间的矛盾想想也是，以前刀耕火种的编写页面效率非常低，而我国到目前为止网民的数量已经超过7亿了，可想而知对网页数量和多样化的需求巨大，那有什么方法来提高页面的生产效率呢？这就是我
璀璨天宇·2020-08-24 05:06

gulp前端自动化构建工具（四）：gulp文件路径处理模块

本篇前言上一篇介绍了本工具的独立配置文件，欢迎阅读本篇还是先把gulpfile.js运行所用的一个方法模块展示出来，模块主要接收gulp.src()中文件对象，对文件自身所在的物理路径及其内部资源引用的路径进行处理，代码中我有做详细的注释，包括方法的单独作用演示。本模块牵扯到了config-tool.js和config-apps.js两个配置文件，查看上一篇文章即可。模块代码如下：varpath=
franks_t_d·2020-08-24 00:35

【web前端自动化工作环境配置】11. 生产环境的适配

最近项目上线了，对上线前的准备做一下总结，开发环境上所写的代码只能是在开发环境上做预览，离上线到生产环境还是有一些工作要做的，首先是生产环境的适配，在做生产环境适配的时候，要从如下几点：（1）添加favicon这是网站的一个标志，favicon和下面要说的dns-prefetch都是要放到head标签里面，所以可以在如下的代码里面写：但是我们webpack里面用了一个HtmlWebpackPlug
Anabel Chen·2020-08-23 15:56

CasperJS 自动化web操作

CasperJS是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
Sank·2020-08-23 10:34

vue+webpack学习之路（中级）

之前看到过一句话，入了前端自动化的坑以后，点技能树的时候会瞬间爆炸。现在真的是深有体会，es6以后的前端再也不是像以前一样跟UI商量这里差几像素那里放几个图标这么简单了。
WolfSheller·2020-08-22 15:20

京喜前端自动化测试之路

作者:阿翔前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及H5版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。原来的容灾演习过程：小程序（通信方式改成Https）和H5通过Whistle对接口返回进行修改来模拟异常情况，验证各页面各模块的降级处理符
凹凸实验室·2020-08-22 15:44

react学习初步之脚手架搭建

前端自动化的如今，学习react、它与很多其他框架搭配，导致入门的我，不晓得如何把这个环境搭建起来，今天在慕课网学习了下，特来记录下这个学习过程，以便自己以后回忆。
只是为了一个梦想·2020-08-22 14:38

前端面试每日 3+1 —— 第290天

[软技能]举例说明你对前端自动化的理解《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！
浪子神剑·2020-08-22 13:27

Puppeteer前端自动化测试实践

本篇内容将记录并介绍使用Puppeteer进行自动化网页测试，并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时，修改代码导致的牵连错误无法被发现的运行时问题。文章首发于个人博客。对前端感兴趣希望一起讨论的可以加我vx:w554091944起因目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。在对某些业务逻辑或者功能进行添加或者修改的时候（尤其是通
Athon·2020-08-22 11:22

前端自动化工具

gulp/gruntyeomanbower先看这两篇文章gruntgulpGrunt-beginner前端自动化工具
AlexZ33·2020-08-22 10:52

基于gulp的项目搭建

基于gulp的项目搭建gulp简介gulp是基于node实现Web前端自动化开发的工具，利用它能够极大的提高开发效率。在Web前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。
气象卫星随机号·2020-08-22 10:06

前端构建工具的区别与联系

前端自动化构建工具，我个人将其分为两类：构建工具、模块化工具。但由于模块化工具的功能越来越丰富，两者之间的界限也越来越模糊。
whale·2020-08-22 10:36

搭建自己的前端自动化测试脚手架（三）

上一篇：搭建自己的前端自动化测试脚手架（二）ByLancerCometat23:47,2016.07.22.欢迎转载，转载时还请保留作者署名。这是最后一章了！
LancerComet·2020-08-22 09:44

搭建自己的前端自动化测试脚手架（二）

上一篇：搭建自己的前端自动化测试脚手架（一）ByLancerCometat18:38,2016.07.17.欢迎转载，转载时还请保留作者署名。嗨，欢迎回来！
LancerComet·2020-08-22 09:43

搭建自己的前端自动化测试脚手架（一）

搭建自己的前端自动化测试脚手架（一）LancerCometat17:55,2016.07.17.欢迎转载，转载时还请保留作者署名。
LancerComet·2020-08-22 09:09

基于fis的前端模块化和工程化方案

前端构建工具面对日益复杂的前端环境以及前端技术、node技术的高速发展，前端的开发也越来越工程化，体系化，也就是出现了前端自动化构建工具。
左盐·2020-08-22 09:24

前端自动化部署

前端自动化编译与部署脚本当前支持window上传至linux服务器以及linux上传至linux服务器如果您觉得对您有帮助点个赞或者去GitHub点个star，非常感谢项目git地址使用步
jiner·2020-08-21 15:31

前端自动化部署——jenkins一键部署

0.引言大家好，我是肥羊羊，今天给大家介绍下jenkins一键部署。说来惭愧，之前说要写一篇jenkins的文章，这让大家一等就是半年，罪过罪过....1.原理前端利用jenkins部署其实很简单，用到的不外乎是ssh,git，git钩子,shell命令等一些知识。之前我写过两篇文章，实际上已经在自动部署的原理上做了阐述，jenkins的自动部署原理其实都一样,大家如果想知道前因后果之前看我之前的
Runningfyy·2020-08-21 04:44

前端自动化测试框架Cypress之基础知识

前端自动化测试框架Cypress之基础知识一、Cypress目录及环境搭建（一）、安装Cypress（二）、目录结构二、运行案例测试三、Cypress闭包环境变量1.describe2.钩子函数里环境变量
MoYoon·2020-08-21 04:33

前端自动化集成部署交付实践

前言随着前后端分离应用模式的推广，前端项目可独立部署维护上线，不再仅仅将前端开发后打包的文件直接丢到一个文件目录下就完事大吉了，现在对前端来说也需要了解运维的相关知识，本文旨在介绍一些相关的运维概念以及一些前端运维的实践。CI/CD持续集成continuousintegration持续集成是一种软件实践，流程为：开发=>打包=>集成=>测试持续交付continuousdelivery持续交付是一种
野林·2020-08-21 04:55

搭建支付宝小程序前端自动化构建工具--切换打包不同开发环境

使用工具的必要性:一个完整的项目,一般有四种环境:开发环境,测试环境,预发环境,生产环境,对与前端开发来说,一个好的切换环境的方法可以提高我们的代码可读性和安全性.常见的切换环境的方法可能是这样的varurl='https://dev.com'//varurl='https://test.com'//varurl='https://pre.com'//varurl='https://prod.co
NPC光明·2020-08-21 04:58
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他