什么是gulp 答:Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩、图片压缩、JS合并、SASS同步编译并压缩CSS、服务器控制客户端同步刷新。。 为什么要用gulp? 1、js和css属于静态文件,很多时候浏览器存在缓存机制,为了避免缓存带来的误 ...
分类:
其他好文 时间:
2016-04-22 18:32:54
阅读次数:
156
前端集成解决方案 解决一系列问题,比如模块化,MVC,打包等 主流前端解决方案 Yeoman bower grunt | gulp 学习前端自动化构建工具前提 NodeJs npm node包管理,分发工具 相当于php的pear,是个命令行工具 在ubuntu安装node,npm 通过 apt-g ...
分类:
其他好文 时间:
2016-04-14 20:49:32
阅读次数:
129
gulp 使用介绍 gulp gulp 插件 gulp的配置文件gulpfile.js gulp 语法 gulp 实例 gulp的缺点 gulp gulp是基于Node.js的前端自动化构建工具,主要用于代码打包。目前主流的前端打包工具,grunt,gulp,webpack。grunt现在似乎慢慢被
分类:
其他好文 时间:
2016-03-03 14:26:56
阅读次数:
203
现在我们通过这3个问题来学习一下; 1、什么是gulp? 2、为什么要用gulp? 3、怎么用? 什么是gulp 答:是一个前端自动化的构建工具,直白点说,如果没有这个工具,我们利用人工依旧可以做到以下优点,但是在项目逐渐庞大的时候,采用这个工具,可以提升性能和效率。 为什么要用gulp? 答: 1
分类:
其他好文 时间:
2016-02-26 09:15:12
阅读次数:
188
一开篇在前端开发的过程中,我们经常会碰到压缩、合并、图片script 等,于是就有了gulp 前端自动化构建工具,它能帮你在前端开发中,节省时间。1,安装 node.js因为gulp 构建工具是基于node环境的,那么什么是 node.js呢,下面是官方的解释Node.js 是一个基于 Chrome...
分类:
其他好文 时间:
2015-11-12 21:34:51
阅读次数:
332
以下方法都有在公司实际项目中应用,的确能够提升客户端体验和访问速度。1、建议客户端使用Chrome或高版本IE浏览器;2、能够实现静态化的页面尽量在服务器端保存静态页面,访问动态页面肯定会比静态页面慢。3、减少HTTP请求 1)合并js、css,可以使用前端自动化构建工具。 例如:grunt...
分类:
Web程序 时间:
2015-08-21 15:26:09
阅读次数:
195
gulp是基于流的前端自动化构建工具。之前也谈到了grunt的用法,grunt其实就是配置+配置的形式。而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。同样的,也是包括基本用法和各插件的使用。一、环境配置gulp是基于nodejs的,所以没有nodejs环...
分类:
其他好文 时间:
2015-07-22 22:41:15
阅读次数:
204
一、了解Gurnt
Grunt 是一个基于任务的JavaScript工程命令行构建工具。
Grunt和Grunt插件,是通过npm安装并管理的,npm是Node.js的包管理器。
了解Grunt前,首先要准备两件事:
1、了解npm(Node Package Manager):npm是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。
2、安装node:进...
分类:
其他好文 时间:
2015-06-09 17:14:28
阅读次数:
136
Grunt和 Grunt 插件是通过npm安装并管理的,npm是Node.js的包管理器。Grunt 0.4.x 必须配合Node.js>= 0.8.0版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。在安装 Grunt 前,请确保当前环境中所安装的npm已经是最新版本,执行npm ...
分类:
其他好文 时间:
2015-04-30 19:54:54
阅读次数:
161
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具。 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看.....
分类:
其他好文 时间:
2015-04-17 21:42:33
阅读次数:
211