前端自动化

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

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

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

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

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

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

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

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

前端自动化部署的深度实践

年前我也在自动化部署这方面下了点功夫，将自己的学习所得在自动化部署的一小步，前端搬砖的一大步这篇博客中做了分享。感谢两位网友@_shanks和@TomCzHen的意见，让我有了继续优化部署流程的动力。本文主要是在自动化部署流程中，对版本管理和流程合理性等方面做了一些改进，配合规范的工作流，使用体验更佳！更新日志自动生成之前我都是手动修改CHANGELOG.md，用来记录更新日志，感觉操作起来有点心
Tusi·2020-08-20 23:15

前端自动化部署的深度实践

年前我也在自动化部署这方面下了点功夫，将自己的学习所得在自动化部署的一小步，前端搬砖的一大步这篇博客中做了分享。感谢两位网友@_shanks和@TomCzHen的意见，让我有了继续优化部署流程的动力。本文主要是在自动化部署流程中，对版本管理和流程合理性等方面做了一些改进，配合规范的工作流，使用体验更佳！更新日志自动生成之前我都是手动修改CHANGELOG.md，用来记录更新日志，感觉操作起来有点心
Tusi·2020-08-20 23:14

9102年了 还没学会前端自动化部署？

前言最早期方式:前端写好代码之后本地构建,通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后:服务器通过gitclone的项目,在项目的根目录执行gitpullorigin[branch]拉去仓库中最新的代码自动化部署:通过配置WebHook及服务器后:项目打包完成提交到代码库中,服务器自动拉去git仓库中最新的代码底层实现原理:在github配置webhook的地方填写服务端的ur
京宇·2020-08-20 22:37

9102年了 还没学会前端自动化部署？

前言最早期方式:前端写好代码之后本地构建,通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后:服务器通过gitclone的项目,在项目的根目录执行gitpullorigin[branch]拉去仓库中最新的代码自动化部署:通过配置WebHook及服务器后:项目打包完成提交到代码库中,服务器自动拉去git仓库中最新的代码底层实现原理:在github配置webhook的地方填写服务端的ur
京宇·2020-08-20 22:36

gulp 安装与使用

一、Gulp是基于node.js流（stream）的一个前端自动化构建工具，可以使用它构建自动化工作流程，简化我们工作量，让我们把重点放在功能的开发上，从而提高我们的开发效率和工作质量我们可以用gulp
dikang0269·2020-08-20 00:43

前端自动化开发，架构搭建（第一篇）Node.js环境搭建

1.为什么我们前端自动化开发应该任何学开发的，不管学什么语言，老师都这样讲过，作为一名开发人员，你最大的精力应该是放在创造力上面，don'tyourepeatmyself不要重复自己，而在我们开发过程中
BeArchitect·2020-08-19 19:26

用webpack实现前端自动化构建

什么是自动化的前端构建流？1.自动补全css私有前缀，自动转化less\sass为css，自动转化es6\vue\jsx语法为js，自动打包小图片为base64以减少http请求，自动给js,css,甚至img加hash值，以避免浏览器缓存，自动合并压缩代码，自动刷新实时预览效果（甚至免刷新），可以按照自己喜欢的目录结构存放原始资源文件，为了方便手机等访问，不需要搭建apache、nginx等服务
weixin_30745641·2020-08-18 22:14

webpack 极简教程(前端自动化构建)

Webpack是什么模块打包器(modulebundler).能够将任何资源如JavaScript文件、CSS文件、图片等打包成一个或少数文件。Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。image.pngWebPack做的事情是:分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展
东海陈光剑·2020-08-18 22:16

前端自动化构建webpack：踩坑专题

1.安装webpack的时候遇到的情况;直接按照提示安装提示Modulewebpack-cli不存在OneCLIforwebpackmustbeinstalled.Thesearerecommendedchoices,deliveredasseparatepackages:-webpack-cli(https://github.com/webpack/webpack-cli)Theoriginal
Lpd_Reason·2020-08-18 21:31

前端自动化构建工具Webpack1.x开发模式使用指南

WebpackWebpack是时下最流行的模块打包器它的主要任务就是将各种格式的JavaScript代码，甚至是静态文件进行分析、压缩、合并、打包，最后生成浏览器支持的代码特点：代码拆分方案：webpack可以将应用代码拆分成多个块，每个块包含一个或多个模块，块可以按需异步加载，极大提升大规模单页应用的初始加载速度智能的静态分析：webpack的智能解析器几乎可以处理任何第三方库Loader加载器
_accelerator_·2020-08-18 21:48

Web前端自动化构建（三）——用Gulp配置本地开发环境

全名：《Web前端自动化构建Gulp、Bower和Yeoman开发指南》作者：StefanBanumgartner【奥】译者：谈博文Gulp提供了自动化的能力，可配置成一个完全自动化的、完整的开发环境。
奋斗的小绿萝·2020-08-18 05:23

【总结】gulp，本地web服务器

一.gulp(前端自动化工具)(mac系统)参考网页：https://blog.csdn.net/c_kite/article/details/731654271.安装全局gulp命令npminstall-ggulp
YIYIYI1205·2020-08-18 05:42

【grunt整合版】30分钟学会使用grunt打包前端代码

grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：①压缩文件②合并文件③简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段
weixin_34059951·2020-08-18 04:39

gulp启本地服务（node启本地服务）

前言：gulp是一个非常有用的web前端自动化开发工具，可以通过配置gulptask帮助我们完成许多工作。不仅如此，我们还可以利用gulp来建一个简单的服务器，供我们测试用。
u013063153·2020-08-18 03:07

使用Gulp构建本地开发Web服务器

[/list][size=large][b]解决方案[/b][/size][b]Gulp+Gulp-connect+watch+livereload[/b]Gulp是目前风头正劲的前端自动化工具，有
ningandjin·2020-08-18 00:44

grunt学习

以前没有接触过前端自动化工具，grunt学起来费了不少精力。简单做下笔记。假设你已经配置好了node环境，并安装了npm。
hdchangchang·2020-08-17 22:39

前端自动化构建工具——gulp

gulp是基于流的前端自动化构建工具。
aikouzhan0763·2020-08-17 21:29

前端自动化部署基于jenkins和gitlab

一个项目的三个环节，开发环境，测试环境，生产环境，然后每次npm打包ftp去拖是不是很麻烦，只想一次提交git后不同环境就能够根据不同环境的对应的分支进行打包，代码发布。jenkins和gitlab配合起来的确是特别爽首先在安装了jenkins的服务器上配置node环境1、wgethttps://npm.taobao.org/mirrors/node/v8.11.3/node-v8.11.3-li
找工作的前端·2020-08-15 11:01

gitlab ci/cd 前端自动化部署

解释与安装https://juejin.im/post/5b03963a51882542821ca56a注意事项https://www.jianshu.com/p/4bbef46a2aaa需要的url和token可以从git仓库的Settings-CI/DI中的runners找到，描述可以不用写，tags先写“vue-dev-pub”，executor选择shell，注册生成后刷新git仓库的Se
qq_33332184·2020-08-15 07:18

前端自动化测试之UI RECORDER（二、PC录制）

PC录制教程准备工作:NodeJs环境请自行先安装好nodejs环境，在命令行执行node-v命令成功说明已经安装成功Chrome浏览器JAVA环境UIRecorderWebDriverServer安装UIRecorder并录制脚本（具体安装若不懂请参考http://blog.csdn.net/ajdeng/article/details/54946675）npminstalluirecorder
weixin_30751947·2020-08-15 03:40

前端脚本自动化部署（非jenkins）

1EKmWGAMEv_V2-dQzv1TL1Q提取码：e4wp复制这段内容后打开百度网盘手机App，操作更方便哦用到的技术：vue,npm,pscp,nginx,linux,python,putty,git等前端自动化部署原理
jzc12345611·2020-08-15 02:40

前端工作流的工具链

参考书目《Web前端自动化构建》，主要是想理清前端工作流程、工具的使用和关系编程之外、但在日常工作流中开发者又无法避免的任务，我们把这些任务分成三类，然后用三种工具来解决它们：构建系统比如Gulp，只需要按一下按钮
Cacra·2020-08-15 00:17

前端自动化工作流中的hooks

在前端的日常工作中，经常会出现“当执行一种操作之前（之后）需要同时执行另一种操作”的情况，比如我们希望在每次gitcommit之前都运行eslint代码检查、npminstall之前检查项目依赖等。作为经典的情况，各类工具都可以让我们在特定的动作发生时触发自定义脚本，这个功能就叫钩子hooks。日常经常用到的工具有npm、git、webpack，其中的hooks用法我们分别介绍一下。其中webpa
weixin_33750452·2020-08-14 22:51

前端:公司常用技能

css3、html5、javascript、es6语法等前端技术，熟悉常用的Vue前端框架，能够己搭建前端架构并进行行持续优化；熟练跨浏览器、跨终端的开发，了解各主流浏览器的兼容性情况及兼容调试方法；熟悉前端自动化构建工具
田慧满·2020-08-14 19:03

Gulp前端自动化之 ejs插件使用

gulpfile.js配置gulp.task('ejs',function(){gulp.src(["./app/**/*.html","!app/html/common/**/*.html"]).pipe(plugins.ejs({},{ext:'.html'})).pipe(gulp.dest("./dist/")).pipe(plugins.notify({message:"ejstaskc
提鲁战士·2020-08-13 14:51

【nodejs代理服务器二】nodejs webpack打包配置踩坑总结

webpack打包配置中遇到了几个错误，总结如下：webpack环境变量问题https://www.cnblogs.com/fengchaoran/p/8461317.htmlwebpack之傻瓜式教程及前端自动化入门
有理想的coder·2020-08-13 14:52

前端自动化测试（二）

上一篇文章，我们已经讲述了Jest中的基本使用，这一篇我们来说说如何深度使用Jest在测试中我们会遇到很多问题，像如何测试异步逻辑，如何mock接口数据等…通过这一篇文章，可以让你在开发中对Jest的应用游刃有余，让我们逐一击破各个疑惑吧！1.Jest进阶使用1.1异步函数的测试提到异步无非就两种情况，一种是回调函数的方式，另一种就是现在流行的promise方式exportconstgetData
前端优选·2020-08-12 14:54

安装protractor进行前端自动化测试-web ui自动化测试

安装protractor进行前端自动化测试介绍protractor是个Node.js程序。所以首先得安装Node.js。然后就可以使用npm安装protractor了。
Jack2013tong·2020-08-12 11:32

前端自动化生成---思考笔记（持续更新）

背景：一些系统类项目，前端的页面来来去去是那几个类型，列表、表单居多。这些页面都是类似的，是否能尽量节省重复劳动？目标：通过简单的一些配置能够自动生成列表、表单等思考思路：想自动先手动，是不是应该实现通过手写配置就能生成页面。第一个想到vue的render函数，写一份配置自动调用createElement？用CreateElement写完一个页面我们就可以得到一份非常复杂的配置，这个时候应该做的就
杨码农·2020-08-11 22:16

VUE学习（六）——webpack打包与配置

借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。webpack是基于
b u g·2020-08-11 22:25

构建基础篇 2：webpack 在 CLI 3 中的应用

若掘金小册禁止此类操作，请联系webpack作为目前最流行的项目打包工具，被广泛使用于项目的构建和开发过程中，其实说它是打包工具有点大材小用了，我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统
狂野的心跳·2020-08-11 21:50

京喜前端自动化测试之路(小程序篇)

作者：阿翔如果你已经阅读过《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。
凹凸实验室·2020-08-10 10:39

htmlhint&csslint&jshint配置参数详解

htmlHint&csslint&eslint配置详解最近在弄前端自动化测试的工具，使用htmlHint等插件来检查源码的编写规范，但是这些插件的参数设置的文档说明特别难找。
__Evil__·2020-08-10 10:09

Vue脚手架的安装与使用1

一般我们搭建前端自动化构建工具，都需要使用到NPM，包模块。
伍伍怀·2020-08-10 09:37

CSS学习笔记——盒模型，块级元素和行内元素的区别和区别

今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。
老贝V5·2020-08-10 09:31

前端自动化测试

什么是Web自动化测试？让程序代替人为自动验证web项目功能的过程优点：减少人工劳动力工作效率提高产品规格统一标准规模化（批量生产）较少的时间允许更多的测试用例自动化脚本可重复运行减少人为的错误测试数据存储缺点：不能取代手工测试手工测试比自动化测试发现的缺陷更多测试人员技能要求误区：自动化测试完全替代手工测试自动化测试一定比手工测试厉害自动化可以发掘更多的bug为什么要进行自动化测试？解决：回归测
超级吴小迪·2020-08-09 01:47

gulp核心知识点目录

gulp文章目录gulpgulp就是一种可以自动化完成我们开发过程中大量的重复工作gulp是一个前端自动化构建工具。
筱淑·2020-08-08 20:40

前端开发入门：html和css基础知识回顾

前端入门：零基础：前端基本技能，web开发基础(html+css+javascript)、学习方法、学习资料；兴趣：web技术（html+css网页制作）、ps技能、前端自动化工具、前端架构、前端MVVM
闪电磊磊·2020-08-08 14:09

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

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

webpck安装及打包出错解决

借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等功能。
徐徐听风·2020-08-06 11:28

gulp——打造一个简单的前端自动化项目

先说说一些题外话，之前是完全没有使用自动化构建工具的经验，现在webpack和gulp都会学习。做个记录，也做个笔记。那么常问的gulp和webpack各自的区别和使用场景又是什么呢？记得在知乎看到一句很概括的话是：gulp是taskrunner，Webpack是modulebundler。入门首先，根据官网（[http://www.gulpjs.com.cn/]）提供入门指南，创建一个空白的gu
眠九丶·2020-08-05 17:08

webpack 4.X 安装及使用

WebPack4.X使用指南一、简介：webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具；它的使用是基于Node和NPM的，所以在安装使用webpack
白咲花Hana·2020-08-05 01:03

gulp前端自动化构建工具

gulp前端自动化构建工具gulp前端自动化构建工具入门：http://www.jianshu.com/p/d003e12e2f55gulp是基于node.js的一个构建工具（自动任务运行器），开发者可以使用它自动化工作流程
liNewman·2020-08-05 00:14

html+selenium+webdriver+java，一个前端自动化Demo

httpclient或其他接口测试工具直接发报文（key1=value1&key2=value2&……keyN=valueN）么也可以，但是这个产品是带前端页面的，还想看看前端页面长什么样，于是想到了借助前端自动化工具
sd_work·2020-08-04 18:14

Python实现前端自动化打包，新手怎样避免入Python坑，不看必后悔

在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了前端自动化打包部署的念头。尽快近
程序猿金·2020-08-04 07:15

30组常用前端开发组件库，前端组件收集整理列表

0.前端自动化前端构建工具gulp–Thestreamingbuildsystemgrunt–theJavaScriptTaskRunner前端模块管理器
慕容屠苏·2020-08-03 18:46
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他