前端自动化

前端自动化构建工具webpack简单入门

我们为什么要学习webpack首先，我们为什么要学习前端自动化构建工具，我开始
霸王花发发·2018-03-19 21:13

前端自动化测试探索

本文试图探讨前端自动化测试领域的工具和实践。为什么需要自动化测试一个项目最终会经过快速迭代走向以维护为主的状态，在合理的时机以合理的方式引入自动化测试能有效减
hnscdg·2018-03-17 21:12

前端自动化构建之webpack

前言学了gulp后马上就开始学了一下webpack，所以马上来谈一下感受，感觉webpack有人说是一个模块化工具，用来和browserify来做比较，我感觉webpack牛逼多了，不但可以把复杂的文件结构打包在一起，而且还可以预编译各种js，css语言，同时可以帮你处理好html，感觉和gulp有的一拼基本介绍本质上，webpack是一个现代JavaScript应用程序的静态模块打包器，把模块需
谢大帅哥·2018-03-12 20:00

前端自动化构建之gulp

前言之前学完html的基础后就去学js框架了，每次都是用脚手架搭好的文件，在无形中体验了一波前端自动化带来的方便。然后前一段时间才开始学习前端自动化。
谢大帅哥·2018-03-07 20:00

前端自动化

丁香园开源接口管理系统-APIMocker随着web发展，前后端分离的演进，网页的交互变的越来越复杂。在项目开发过程中，前后端并行开发时，在涉及到接口的部分，总是遇到各类问题。诸如接口假数据、接口参数的约定、代理调试等等，极大的影响了开发效率。APIMocker致力于解决前后端开发协作过程中出现的各类问题，提高开发…如何自定义自己的vue-cli模板在使用vue-cli的过程中，常用的webpac
掘金·2018-01-25 00:00

前端自动化构建之Gulp的使用（学习笔记）

Gulp是一款基于流的前端自动化构建工具，类似于任务管理器，可以自动化的帮助我们完成开发过程中大量的重复工作，如预处理语言的编译，js、css、html压缩混淆，图片尺寸优化等。
倩儿爱甜食·2018-01-02 00:00

速学Gulp（前端自动化工具）

前端自动化随着前端方面的知识越来越多，需求也变得越多，加上一些编译语言的出现如sass，less，typescript等的出现需要我们在项目中不停地重复编译他们把他们转换为浏览器可以识别的css和javascript
大力有话说·2017-12-08 03:29

前端自动化：Docker篇（1）

本系列文章的最终目的，是利用gitlab-ci+gitlab-runner实现前端自动化打包编译、部署发布。会记录一些自己在达到目的期间遇到一些问题。
畵毣·2017-12-04 19:43

关于如何使用gulp的文章整理

而Gulp就是通过简单地代码配置与第三方插件的调用来帮助前端自动化完成这些操作。但不仅限于此，你还可以用Gulp完成页面在线即时预览，jshint代码检查等各种前端任务。
Devid·2017-12-03 02:34

前端自动化构建-为什么使用前端自动化构建以及gulp简介

前端自动化构建-为什么使用前端自动化构建以及gulp简介一开始接触到这个东西，真的是不知道是什么样的一个概念，所以也在网上看了一一些资料，理解一下。
耳东蜗牛·2017-11-21 21:08

【前端自动化测试】Karma + Jasmine + RequireJS 的自动化测试实现

介绍使用karma+Jasmine，就可以测试指定的案例,加入RequireJS,可以进行测试异步模块的案例安装#InstallKarma:$npminstallkarma--save-dev#Installpluginsthatyourprojectneeds:$npminstallkarma-jasminekarma-chrome-launcherjasmine-core--save-dev#
wayneli·2017-09-22 00:00

gulp前端自动化构建工具：常用插件介绍及使用

  Gulp是基于Node.js的一个构建工具（自动任务运行器），开发者可以使用它构建自动化工作流程（前端集成开发环境）。一些常见、重复的任务，例如：网页自动刷新、CSS预处理、代码检测、压缩图片、等等……只需用简单的命令就能全部完成。使用它，可以简化工作，让你把重点放在功能开发上；同时减少人为失误，提高开发效率和项目质量，让专注更为专注。如果你之前接触过Grunt，那上手Gulp就会觉得非常容易
A_山水子农·2017-09-16 20:42

gulp教程_从入门到项目中快速上手使用方法

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

grunt安装及使用

Grunt是一个基于JavaScript上的一个很强大的前端自动化工具（taskrunner）基于NodeJS用于自动化构建、测试、生成文档的项目管理工具。
weitao1026·2017-09-11 14:00

前端自动化工具 grunt 插件 watch 的简单使用（七）

一、contrib-watch插件的使用1、安装“grunt-contrib-watch”插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-watchgrunt-contrib-concatgrunt-contrib-uglify--save-dev2、在项目根目录下提供watch插件任务配置需要的src目录和源文件（源文件放置到src目录下）mkdirsrc3
珞辰·2017-08-18 12:13

前端自动化工具 grunt 插件 imagemin 的简单使用（六）

一、contrib-p_w_picpathmin插件的使用1、安装“grunt-contrib-p_w_picpathmin”插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-p_w_picpathmin--save-dev2、在项目根目录下提供p_w_picpathmin插件任务配置需要的src目录和需要被压缩的图片文件（图片文件放置到src目录下）mkdir
珞辰·2017-08-17 00:08

前端自动化工具 grunt 插件 htmlmin 的简单使用（五）

一、contrib-htmlmin插件的使用1、安装“grunt-contrib-htmlmin”插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-htmlmin--save-dev2、在项目根目录下提供htmlmin插件任务配置需要的src目录和需要被压缩的源文件（html源文件放置到src目录下）mkdirsrc3、在Gruntfile.js文件中对html
珞辰·2017-08-17 00:14

前端自动化工具 grunt 插件 jshint 的简单使用（四）

一、contrib-jshint插件的使用1、安装“grunt-contrib-jshint”插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-jshint--save-dev2、在项目根目录下提供jshint插件任务配置需要的src目录和需要被检测的源文件（js源文件放置到src目录下）mkdirsrc3、在Gruntfile.js文件中对jshint任务进行
珞辰·2017-08-16 21:13

前端自动化工具 grunt 插件之 concat 和 uglify 的联合使用（三）

一、contrib-concat和contrib-uglify插件的联合使用1、安装concat和uglify插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-concat--save-devnpminstallgrunt-contrib-uglify--save-dev2、在项目根目录下提供concat和uglify插件任务配置需要的src目录和需要被合并的源
珞辰·2017-08-16 11:33

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

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

gulp 用法大全

gulp是基于node实现Web前端自动化开发的工具，利用它能够极大的提高开发效率。在Web前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。
与阳光握手言和·2017-08-04 09:17

gulp 用法大全

gulp是基于node实现Web前端自动化开发的工具，利用它能够极大的提高开发效率。在Web前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。
与阳光握手言和·2017-08-04 09:17

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

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

前端自动化工具 grunt 插件 concat 的简单使用（二）

一、contrib-concat插件的使用1、安装“grunt-contrib-concat”插件命令（在终端进入到项目根目录执行）npminstallgrunt-contrib-concat--save-dev2、在项目根目录下提供concat插件任务配置需要的src目录和需要被合并的源文件（合并源文件放置到src目录下）mkdirsrc3、在Gruntfile.js文件中对concat任务进行
珞辰·2017-07-30 23:09

gulp && webpack

gulp前端自动化构建工具，此类的工具还有gruntwebpack前端打包工具，打包：分析项目所依赖的内容，自动去处理这些内容，比如：CSSJSIMGJSON插件自动化：lesssass自动转为cssjs
小早online·2017-07-27 16:56

nodejs前端自动化构建环境的搭建

前端自动化构建环境可以把这些重复工作一次配置，多次重复执行，极大的提高开发效率。目前最知名的构建工具：Gulp、Grunt、NPM+Webpack；gr
卟想苌��·2017-07-26 08:55

前端自动化测试（1）--ES6

单元测试，顾名思义，就是为了测试代码的质量。对于某段代码或组件，如果通过单元测试后的代码覆盖率越高，说明该代码或组件鲁棒性更高，在生产环境中出现bug的机率越低。代码覆盖率（codecoverage）有四个测量维度，行覆盖率（linecoverage）：是否每一行都执行了？函数覆盖率（functioncoverage）：是否每个函数都调用了？分支覆盖率（branchcoverage）：是否每个if
追寻·2017-07-26 00:00

前端自动化测试之chai.js断言库

版权声明：本文为博主原创文章，未经博主允许不得转载。chai.js简介chai.js是一套TDD(测试驱动开发)/BDD(行为驱动开发)的断言库。包含有3个断言库支持BDD风格的expect/should和TDD风格的assert,这里主要说明expect/should库,BDD风格说简单的就是你的测试代码更加的语义化,让你的断言可读性更好,expect/should库都支持链式调用可以在node
bililibili·2017-07-25 17:24

Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

gulp介绍基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。
leason-love·2017-07-19 11:00

Jenkins+github 前端自动化部署

安装从Jenkins官网下载最新war文件运行java-jarjenkins.war运行成功会在用户个人目录下新建.jenkins/文件夹访问localhost:8080就能到达Jenkins首页第一次需要从文件夹下获取生成的密码登录，复制粘贴密码验证成功后进入页面，选择插件模式我选择是第一个-建议安装的插件接下来就是漫长的等待安装时间。插件都安装完成之后进入用户登录界面，设定用户名、密码及邮箱。
KrisXue·2017-07-15 00:00

前端自动化工具学习--webpack经典7分钟入门

一.什么是WebpackWebpack是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。webpack模式图二.为什么使用webpack市面上已经存在的模块管理和打包工具并不适合大型的项目，尤其单页面Web应用程序。最紧迫的原因是如何在一个大规模的代码库中，维护各种模块资源的分割和存放，维护它们之间的依赖关系，并且无缝的将它们整合到一起生成适合浏
nightZing·2017-06-28 11:49

基于gulp的项目搭建

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

正则学习

1.介绍作用1.表单验证2.模板引擎dd也需要正则替换3.前端自动化正则表达式，又称规则表达式。
All_Izz_well·2017-06-07 19:51

正则学习

1.介绍作用1.表单验证2.模板引擎dd也需要正则替换3.前端自动化正则表达式，又称规则表达式。
All_Izz_well·2017-06-07 19:00

gulp工具

它是一款nodejs的应用它用来构建前端自动化工作流它可以实现实现代码的打包、压缩、合并、转译等它拥有很丰富的插件系统安装gulpnpminstall-ggulp如果报错：Error:EACCES,open
辉夜乀·2017-06-05 11:08

利用Node.js搭建前端自动化平台

我们在前面《Node.js的本质》一文中初步了解Node.js后，发现它功能很多呀，这么牛逼的东西赶紧学习。然而我一直翻看网上各种的教程，文档，都是什么学习node内核呀，API呀，node项目呀，看得头晕眼花，这个学习曲线这么陡，简直打击热情嘛，经过我一番纠结，终于确定了学习的路线，Node.js我为其总结三大块功能：利用Node.js搭建后台；利用Node.js编写脚本；利用Node.js实现
Max_Law·2017-04-20 16:28

前端自动化开发之Node.js的环境搭建教程

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

gulp前端自动化工具初识

全局安装npminstall-ggulp初始化项目npminit（一路默认吧）npminstallgulp--save-dev（--save把依赖添加到packge.json文件中dependencies下，再加-dev就是把依赖加到devDependencies下）配置文件在根目录下新建gulpfile.js文件配置文件gulp.task定义任务，最核心的第二个参数是回调函数，里面可以进行一系列
BrotherWy·2017-03-31 11:07

gulp -- 前端自动化管理工具的使用

1、gulp使用时需要安装2次，全局安装和本地安装（前提是要有nodeJS）npm install --save-dev gulp//全局安装npm install --save-dev gulp//本地安装 跳到本地文件夹下，再安装一次2、需要在本地建一个gulpFile.js文件3、在gulpFile.js文件下引入第三方模块var gulp = require("gulp");//压缩代码模
oQo先生·2017-03-29 21:18

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

codeEasy是一个基于Gulp的前端自动化构建工具，它能够帮助前端开发人员更快的编辑代码，通过gulp的监视功能，能够实时监控文件的变化并进行更新。
YanceC·2017-02-28 13:30

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

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

前端自动化构建工具vGulp

github.com/Alvin-Liu/...开始之前关于Gulp的介绍网上有许多，完整的Gulp自动化工作流配置也不少，但或多或少有不让人满意的地方，加上项目的需要，于是自己便开始尝试写一个自己的前端自动化工作流
Lemo_Liu·2017-02-22 00:00

用Gulp搭建前端自动化解决方案（三）

这是我自己构建的工作中用到的前端自动化解决方案，项目地址：github.com/garsonguo/gulpbase，里面包含了开发时用的版本和发布时用的版本，对你有帮助的话，可以点watch关注下哦。
Xiaobog·2017-02-20 15:17

前端常用框架知识点收集

原文链接：http://www.cnblogs.com/jinliu/p/6418445.html前端组件库搭建webapp常用的样式/组件等收集列表(移动优先)0.前端自动化(Workflow)前端构建工具
dibabang5563·2017-02-20 10:00

Gulp构建前后端分离的最佳实践

之前已经写过量篇博客来说Gulp了，分别是Gulp入门和使用Gulp构建前端自动化解决方案那为什么还要第三篇呢，因为在使用的过程中，我的gulpfile.js不断完善，慢慢找到了更好的方式，所以在这里记录下来
Creabine·2017-02-14 15:00

如何编写javascript的gulp插件

很久以前，我们在"细说gulp"随笔中，以压缩JavaScript为例，详细地讲解了如何利用gulp来完成前端自动化。
猴子·2017-02-07 08:29

webpack2.0入门学习_byKL

webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。
线上猛如虎·2017-02-07 00:00

webpack入门必知必会

我个人认为webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你
劳卜·2017-01-19 00:00

nvm、node环境搭建前端自动化/npm/gulp

nvm、node安装方式一使用Homebrew如果之前通过'brewinstallnode'方式安装过node，那么需要先删除系统中存在的node：brewremove--forcenodesudorm-r/usr/local/lib/node_modulesbrewprunesudorm-r/usr/local/include/node$brewinstallnvm$nvmls-remote--
Y了个J·2017-01-18 23:46

grunt及gulp的使用

grunt是压缩代码，合并代码，检测代码书写规范grunt也是前端自动化，构建项目工具grunt官网：http://www.gruntjs.net/grunt是基于：nodeJs在cmd环境验证是否靠谱并检查版本
洋仔幕落幕合·2017-01-16 19:24
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他