GulpGulp是一款项目自动化的构建工具，与Grunt一样可以通过创建任务（Task）来帮助我们自动完成一些工作流的内容。当然，今天我们的内容并不是讨论这二者的区别，仅仅是介绍介绍如何利用Gulp来优化我们的Web项目中前端自动化工作流。引言相信不少人看过百度大牛张云龙的那篇讲解大公司里怎样开发和...
分类：
Web程序 时间：
2015-04-26 12:14:21
阅读次数：
141
优化的基本原则速度优化有一些基本思路，提前总结一下按需加载(只加载你需要的)并行(让串行的事情并行起来)压缩(通过压缩减少体积)缓存(利用缓存，减少请求等待)预测(预测用户行为，提前发出请求)合并(把多个零散文件合并起来，减少请求)自动化(让速度优化变成一种常规，和自动化工具(例如gulp,grun...
分类：
Web程序 时间：
2015-04-24 19:00:41
阅读次数：
253
配置gulp构建工具gulp是前端构建工具，相关项目可参考本文档配置gulp。代码部分是需要在命令行里执行的命令，如果提示权限相关问题（多为mac os），尝试以管理员重新执行命令，即命令前加上（注意后面有空格）：sudo1. 下载并安装nodejs(已安装过忽略本步骤)2. 全局安装gulp(已安...
分类：
其他好文 时间：
2015-04-19 11:28:31
阅读次数：
119
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块，简单来说是自动化任务运行器，两者都有社区及大量的插件支撑，在所有的自动化工具领域里，这两者是最好的前端自动化构建工具。 那么问题来了，Grunt和Gulp到底哪家强?在回答这个问题前，先给大家看.....
分类：
其他好文 时间：
2015-04-17 21:42:33
阅读次数：
211
前端框架：AngularJS + Bootstrap3开发环境：Sublime + EmmetTDD工具：Karma + Jasmine集成测试工具：Protractor运行环境：Chrome ，FF，IE构建工具：Grunt or Gulp支持环境的工具：node & npm前端异步加载模块：Re...
分类：
其他好文 时间：
2015-04-17 01:04:29
阅读次数：
186
我的目录1：webpack文章推荐2：叶小钗文章推荐3：我的项目优化1>> 如果说前端构建的嗲是grunt，那么干爹就是gulp，以及新干爹（webpack）：Webpack能够和grunt、gulp、karma等已有工具很好地集成。而Webpack自己并不提供模块的下载，但它可以和已有的包管理器很...
分类：
移动开发 时间：
2015-04-16 12:01:01
阅读次数：
220
http://www.w3ctech.com/topic/134 (该文章有很多错误)http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/先node init 生成package文件npm inst...
分类：
其他好文 时间：
2015-04-09 21:21:42
阅读次数：
166
刚开始打算进行前后端分离开发，后来发现在使用JSP或者Freemarker做动态页面时，想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易，因为我们必须还得调教它们去调用Java容器。现在全球社区似乎...
分类：
编程语言 时间：
2015-04-04 18:35:01
阅读次数：
872
此项目是根据本人公司项目的要求搭建的，也许适用于很多其他的大部分项目。准备好gulp环境首先可以使用gulp创建项目，配置一下gulpfile.js文件，我把gulpfile.js放于根目录下具体配置以及安装命令方法参见这里我的项目目录我的项目目录是这样：==build //项目构建目...
分类：
移动开发 时间：
2015-04-03 16:59:12
阅读次数：
319
一、安装node https://nodejs.org/download/ 根据需要选择对应的版本 安装好了之后可以通过node -v参看一下版本 node -v 二、安装gulp npm install -g gulp 进入项目目录 由于已经全局安装了gulp (但是要保证全局版本与本地版本一致。...
分类：
其他好文 时间：
2015-04-03 15:07:17
阅读次数：
184
