前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具。 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组 ...
分类:
其他好文 时间:
2017-01-22 17:46:28
阅读次数:
149
近日来我有幸主导了一个典型的web app开发。该项目从产品层次来说是个典型的CRUD应用,故而我毫不犹豫地采用了grunt + boilerplate + angularjs + bootstrap + D3 + requirejs 的架构来实现它。angularjs早在去年6月份我就有所接触,将 ...
分类:
Web程序 时间:
2017-01-21 23:43:41
阅读次数:
520
类库:JQuery Prototype框架:BackBone AngularJs ReactJs Vue.jscss预编译器:SassLess模块加载器:RequirejsSeaJs自动化工具:Grunt Gulp打包:webpack browserify版本控制:GitSvn后端: NodeJs ...
分类:
其他好文 时间:
2017-01-20 14:32:20
阅读次数:
214
grunt-contrib-uglify uglify是一个文件压缩插件,项目地址:https://github.com/gruntjs/grunt-contrib-uglify 本文将以一个DEMO来展示如何使用uglify插件。 DEMO环境 package.json: DEMO文件结构: 其中 ...
分类:
Web程序 时间:
2017-01-17 10:49:16
阅读次数:
264
Grant简介以及安装 命令:npm install –g grunt-cli(可能会涉及权限问题) 注意,安装grunt-cli并不等于安装了 Grunt!Grunt CLI的任务很简单:调用与Gruntfile在同一目录中 Grunt。 这样带来的好处是,允许你在同一个系统上同时安装多个版本的 ...
分类:
其他好文 时间:
2017-01-16 21:06:11
阅读次数:
415
1.gruntjs http://www.gruntjs.net/ 2.bootstrap http://www.bootcss.com/ 3. ...
分类:
Web程序 时间:
2017-01-16 09:54:37
阅读次数:
215
对页面进行优化时~免不了对使用的图片进行压缩~以便减小我们使用的图片的大小~这样就可以减少用户下载的文件大小,加快页面访问速度。Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩,如果是 P ...
分类:
其他好文 时间:
2017-01-11 13:02:50
阅读次数:
160
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。 ...
分类:
其他好文 时间:
2017-01-10 11:48:03
阅读次数:
226
快速入门 Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。 Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。 在安装 Grunt 前,请确保当前环境中所安装的 npm ...
分类:
其他好文 时间:
2017-01-07 19:51:21
阅读次数:
363
前端工作流,Grunt上手指南 Posted@2013-04-20 7:15 a.m. CategoriesGrunt , javascript Posted@2013-04-20 7:15 a.m. CategoriesGrunt , javascript 我想先花点时间回忆一下作为一个前端需要做 ...
分类:
其他好文 时间:
2016-12-25 23:56:39
阅读次数:
437