前端自动化

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

webpack初始化配置 (史上最详细版本)

1简单介绍webpack是前端的一个项目构建工具，它是基于Node.js开发出来的一个前端工具,借助于webpack这个前端自动化构建工具，可以完美实现
Colese·2020-08-03 07:32

关于安装gulp-sass失败的问题解决

网络原因导致gulp-sass安装失败如果你正在构建一个基于gulp的前端自动化开发环境，那么极有可能会用到gulp-sass,由于网络原因你可能会安装失败，因为安装过程中部分细节会到亚马逊云服务器上获取文件
jimmyhandy·2020-08-01 12:05

用grunt搭建自动化的web前端开发环境实战教程(详细步骤)

前端自动化，这样的一个名词听起来非常的有吸引力，向往力。
weixin_34194551·2020-08-01 04:03

grunt安装及使用

Grunt是一个基于JavaScript上的一个很强大的前端自动化工具（taskrunner）基于NodeJS用于自动化构建、测试、生成文档的项目管理工具。
吴琼__Candice·2020-08-01 00:33

带你走进webpack世界，成为webpack头号玩家。

前端开发从最开始切页面,前端自动化构建工具日新月异，从最初的Grunt,Gulp到现在前端项目可以说标配的webpack。我们先来致敬经典:1.什么是webpack?
weixin_34008933·2020-07-31 12:14

vue视频教程系列第三节vue的安装（下）

vue视频教程系列第二十七节—getters和actions_腾讯视频在真实的项目开发中，尤其是在大型项目的开发中，我们需要借助于一些前端自动化工具帮助我们解决一些繁琐冗余的事情--开发完成后，对项目进行打包操作
独绽2018·2020-07-30 14:19

gulp

叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具是什么?
格调的声色影像·2020-07-29 13:14

Web前端学习笔记——构建前端自动化工作流环境

目录为什么要有自动化的流程1.Node环境1.1.什么是Node1.2.Node环境搭建1.3.Node用途1.4.Node开发Web应用Demo1.5.NPM2.Bower2.1.什么是Bower2.2.为什么使用Bower2.3.Bower实践3.Sass/LESS4.Gulp4.1.Gulp简介4.2.Gulp准备工作4.3.基本使用4.4.常用插件为什么要有自动化的流程在我们的开发过程中有
唯恋殊雨·2020-07-29 11:24

前端自动化测试之UI Recorder

参考1参考2selenium-standalone官方网站中文版介绍先来一段官方的介绍：UIRecorder是一款零成本的整体自动化测试解决方案，一次自测等于多次测试，测一个浏览器等于测多个浏览器！支持所有用户行为:键盘事件,鼠标事件,alert,文件上传,拖放,svg,shadowdom支持无线nativeapp录制,基于macaca实现:https://macacajs.com/无干扰录制:和
无罪的坏人·2020-07-29 09:21

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0.前端自动化(Workflow)前端构建工具Webpack-modulebundlerYeoman-asetoftoolsforautomatingdevelopmentworkflowgulp-Thestreamingbuildsystemuse-gulpgrunt-theJavaScriptTaskRunnerF.I.S
斷弦泉月·2020-07-29 09:13

webpack使用记录1（hello world）

refined-x.com/2017/06/16/Webpack是答案吗/Webpack是答案吗https://www.cnblogs.com/liqiyuan/p/6246870.htmlwebpack之傻瓜式教程及前端自动化入门
zhaokei·2020-07-29 07:11

在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建

为什么80%的码农都做不了架构师？>>>刚开始打算进行前后端分离开发，后来发现在使用JSP或者Freemarker做动态页面时，想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易，因为我们必须还得调教它们去调用Java容器。现在全球社区似乎还没有成熟的插件可以自动帮我们调教Java容器，百度Fis的Jello也只是做了一下velocity的自动化，自己写感觉就是自虐，所以在
weixin_33869377·2020-07-29 06:44

webpack4.x 抽离css文件和压缩

今天来分享一个前端自动化构建工具webpack4x抽离css文件和压缩的方法。
小小蝙蝠侠·2020-07-29 05:22

移动前端开发规范（一般规范）

系列目录移动前端开发规范（一般规范）移动前端开发规范（技术栈规范）移动前端开发规范（HTML规范）移动前端开发规范（JavaScript规范）移动前端开发规范（CSS/LESS/SCSS规范）移动前端开发规范（前端自动化规范
愤怒的晃晃·2020-07-29 03:00

躺下来聊聊前端自动化—node.js、npm、webpack、gulp这些鬼

每次在文章前面总想bb叨些废话。从3月入门到如今仰头圆月的8月半，5个半月就决定了我未来几年的职业方向甚至说是未来几年的生活重心，选择和遇见真是个奇妙的事情，就像原本不合时宜的胃疼和恰如其分而来的草莓味奥利奥……在学习前端的前两个半月，按部就班的html、css、js、jq，恩，页面很好看了。然而一个周末的vue课程，当超哥带我们敲下cmd打开这个小小的黑框子时世界就不一样了，哦，当时并没有被no
杨亚仑·2020-07-29 01:09

前端自动化构建

1.全局安装gulpcnpmi--ggulp2.本地安装gulpcnpmi--savegulp本地安装gulp-sass【为了在里面完成css代码在里面可以使用在css中不能使用的属性嵌套之类的东西】本地安装browser-sync【实现监听功能】3.在根目录下创建文件gulpfile.js4.在gulpfile.js中引入vargulp=require(“gulp”)【下载的模块都需要引入】[模
前端阿龙·2020-07-28 21:01

Web前端自动化构建（二）——Gulp入门

全名：《Web前端自动化构建Gulp、Bower和Yeoman开发指南》作者：StefanBanumgartner【奥】译者：谈博文Gulp是用JavaScript编写、运行在Node.js上的构建工具
奋斗的小绿萝·2020-07-28 20:30

Web前端自动化构建（一）——现代前端工具流的工具链

写在前面的话：最近开始学习Web前端自动化构建，为加深学习效果，整理笔记，作为博客发出。
奋斗的小绿萝·2020-07-28 20:30

前端自动化部署

1.jenkins配置pipeline部分pipeline{agentanyparameters{string(name:'gitAdress',defaultValue:'[email protected]:front/front.git',description:'')string(name:'branch',defaultValue:'dev',description:'')string(nam
ai-Ling·2020-07-28 20:10

Web前端自动化入门总结

2019独角兽企业重金招聘Python工程师标准>>>周末失眠，周一无力写代码，只能听着一首：逆流成河，顺便把最近刚入门的前端自动化写一下入门总结。
weixin_33955681·2020-07-28 18:45

前端自动化及优化

less、sass、stylus它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。它们使用的文件分别是：.less、.scss、*.styl,这些文件是不能再网页上直接使用的，最终要编译成css文件来使用，编译的方法有软件编译，或者用nodejs程序。less、sass编译软件：ht
weixin_33729196·2020-07-28 17:05

使用Gulp构建前端自动化

Gulp简介gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她能自动化地完成javascript、coffee、sass、less、html/image、css等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上
wang8088498·2020-07-28 15:17

前端自动化（一）

随着前端技术栈的发展，形成了自动化，工程化等相关概念。工具化在前端的技术栈发展过程中，出现了很多的工具，形成了工具化，能够用工具完成的绝不要手工完成，来帮助开发者提升效率。1.前端工作流工具：Gulp，Grunt2.前端js模块编译工具：Babel，Browserify，Webpack3.包管理器：npm，bower4.前端开发系列工具：livereload，数据mock，代码监控，代码检查。工程
逆光2016·2020-07-28 15:10

【6】selenium前端自动化

1）下载开发工具idea并安装2）引用webdriver，下载webdirver驱动，可以放在resources下面3）pom添加selenium的依赖org.seleniumhq.seleniumselenium-java3.4.0org.testngtestng6.8.214）通过导入功能，导入selenium的依赖5）通过@test方法，可以将每个方法分开写@Testpublicvoidte
枭朵·2020-07-28 14:21

京喜前端自动化测试之路

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

webpack前端自动化框架搭建（一）

1.创建文件夹webpack_demo2.运行cmdcdwebpack_demo3.初始化npm管理package.jsonnpminit4.创建如下文件夹目录5.在根目录下创建webpack.config.js，定义输入和输出varpath=require('path');functionresolve(_path){returnpath.posix.join(__dirname,_path);
qq_34506961·2020-07-28 06:30

Netlify前端自动化部署工具

一、使用github或者gitlab登陆netlify首先，打开netlify网站(https://app.netlify.com/)然后使用github或者gitlab账号登录。二、根据github/gitlab仓库创建网站点击NewsitefromGit按钮：根据你的仓库所在平台选择，以下三选一：选择你需要部署的仓库：设置部署选项，包括三点：部署分支（对应下图中Branchtodeploy）:
疯三年·2020-07-28 04:22

前端自动化构建工具-gulp

偶然的一个机会，结实了gulp.js,在前端方面我们总是不可避免的调试页面，进行浏览器的刷新，使得前端开发者的任务更加繁重。为此gulp的出现就解放了双手。。终于可以放弃F5辣哈哈。。首先来看下gulp的安装在gulp安装之前，必须先要有node的环境，因为gulp.js是基于node.js的。所以先来安装node(如果你已经有node环境了就可以跳过此布)node安装 Node.js安装包及源码
soul-proven·2020-07-28 02:33

前端自动化工作环境配置

安装nvm（管理不同版本的node）：下载bvm包。地址为：https://github.com/coreybutler/nvm-windows/releases，选择第一个nvm-noinstall.zip.下载完成后，解压到一个全英文路径的地方解压完成后，双击install.cmd，可直接回车，会在c盘根目录生成一个setting.txt文本文件，将这个文件剪切到之前的目录中修改setting
liangxhblog·2020-07-28 02:00

gulp前端自动化构建工具（一）：工具介绍和使用

功能概要：本工具基础gulp自动化工具构建，可适用于整个前端开发时间线，使用时较简单，在配置完后输入自定义命令即可使用本工具。功能如下开发环节：支持命令启动开发环境或生产环境支持多浏览器自动刷新调试，也可模拟多终端的调试支持实时或手动命令编译以下文档，如：JADE、LESS、SASS、SCSS、STYL、JSX、COFFEE、ES6这些类型的文档，可配置增加其他类型支持实时监听JS文档变更，自动完
franks_t_d·2020-07-27 22:50

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

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

前端自动化构建入门1-什么是前端自动化？

如果你是前端开发人员，如果你现在还不知道前端自动化或者你还不会前端自动化，那么只能说明你身处一个传统行业的软件公司，常年写着jquery、用着各种各样的jquery插件、为浏览器兼容性而苦恼，或者说你不是一个合格的前端开发人员
Nex_x·2020-07-27 16:08

聊聊前端自动化

先来说说为什么要自动化。凡是要考虑到自动化时，你所做的工作必然是存在很多重复乏味的劳作，很有必要通过程序来完成这些任务。这样一来就可以解放生产力，将更多的精力和时间投入到更多有意义的事情上。随着前端开发不再是简单的作坊式作业，而成为一个复杂的工程时，还涉及到性能优化一系列工作等等，这时自动化已然是迫切的需求。早期的网站开发在还没有前端工程师这种分工如此明确的岗位时，大家所理解的前端工作无非就是制作
iamaddy·2020-07-27 12:28

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

如果你已经阅读过《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。前言—京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。
winty~~·2020-07-20 08:00

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

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

前端自动化构建工具gulp的使用

1、安装nodejs1.1、说明：gulp是基于nodejs，理所当然需要安装nodejs；1.2、安装：打开http://nodejs.org/，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）;1.3运行命令行，win+R,输入“cmd”,回车，输入“node-v”查看安装的nodejs版本，出现版本号，说明刚刚
小样吧你·2020-07-16 02:35

vue组件测试用例实践一(搭建vue测试框架)

思考组件测试的意义非组件不好测的原因前端自动化测试一直是被忽略的，当然很大部分原因可能是因为人手不足，但是当我们从技术的角度来看，更主要的是因为前端测试用例的复杂性。
weixin_33819479·2020-07-15 04:22

gulp的使用

浅谈web前端自动化工具--gulp字数1212阅读17评论0喜欢0背景：在前端的开发中上线之前可能会做的事情：1、文件目录调整HTML注释、换行等操作。2、CSS压缩合并、JS代码压缩重命名。
张宪宇·2020-07-14 23:03

[Maven + Gem]为大型企业打造自动化测试工具

本文转载请联系作者，联系qq252413619一.目的与区别我曾在2010年在国内知名搜索引擎服务商公司工作，主要负责网页前端自动化测试工具的开发，我们当时的做法已经其实和现在网页自动化测试方法基本一致
robinlovesnow·2020-07-14 21:41

react.js + webpack + superagent 开发环境下如何跨域发送cookie

最近再熟悉公司后台管理系统的前端部分（已实现前后端分离），使用webpack来做前端自动化构建（开发环境使用webpack-dev-server在本地启动服务进行开发及测试）。
老季的私密空间·2020-07-14 20:07

前端自动化单元测试——should.js、mocha是啥？

上周我们了解了nodeAssert断言库，但是自动化测试要跑起来光靠nodeAssert肯定是不够的，文章标题中的这些工具会让你的单元测试真正成为自动的并且更加得心应手。那么我们先来看看它们都是些什么东西。should.js对于shouldjs，npm官方的解释是一款富有表现力、可读、框架无关的断言库。它的主要目的是让测试断言更富表现力，并对你的测试更有帮助。shouldjs有助于你的测试代码保持
SailorCai·2020-07-14 14:56

（2018-05-09.Python从Zero到One）十、（前端）前端自动化以及优化__1.10.0less、sass、stylus

上一篇文章为:→1.9.4bootstrapless、sass、stylus它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。它们使用的文件分别是：.less、.scss、*.styl,这些文件是不能再网页上直接使用的，最终要编译成css文件来使用，编译的方法有软件编译，或者用nod
lyh165·2020-07-14 14:42

（2018-05-09.Python从Zero到One）十、（前端）前端自动化以及优化__1.10.2前端性能优化

上一篇文章为:→1.10.1前端自动化前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。
lyh165·2020-07-14 12:18

前端开发效率提升思路

3前端自动化谈到提高开发效率，不得不提到一些自动化工具。毕竟，前端自动化是当前和未来的发展趋势。它可以大大减少前端
荷叶清泉·2020-07-14 11:38
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他