什么是gulp 答:Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩、图片压缩、JS合并、SASS同步编译并压缩CSS、服务器控制客户端同步刷新。。 为什么要用gulp? 1、js和css属于静态文件,很多时候浏览器存在缓存机制,为了避免缓存带来的误 ...
分类:
其他好文 时间:
2016-04-22 18:32:54
阅读次数:
156
在实际项目中我使用antrun 和 closure-compiler压缩JS项目。然后我就使用如下代码: 首先加入依赖。 com.google.javascript closure-compiler v20160315 pom.xml文件加入插件代码。 org.apache.maven.plugin... ...
分类:
其他好文 时间:
2016-04-20 23:49:32
阅读次数:
614
压缩JS文件 只需要执行这个命令即可 spm build xxx.js spm build xxx.js 这时候你将得到一个压缩过的__build/xxx.js文件 合并JS文件 如果希望将JS文件中require的其他模块都合并到这个文件中,我们可以加上--combine参数另外记得这时候必须传递 ...
分类:
Web程序 时间:
2016-04-18 17:20:49
阅读次数:
176
细说gulp Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。 比如: 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等… 我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。 好了,废话不多说了。既然要了解Gulp,就得先安装它。 Gul ...
分类:
其他好文 时间:
2016-04-16 00:32:11
阅读次数:
233
Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。 比如: 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等… 我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。 好了,废话不多说了。既然要了解Gulp,就得先安装它。 Gulp是基于nod ...
分类:
其他好文 时间:
2016-04-14 01:30:00
阅读次数:
216
Nginx启用gzip很简单,只需要设置一下配置文件即可完成,可以参考文章Nginx如何配置Gzip压缩功能。不过,在群里常有人提到,他们的网站Gzip压缩虽然成功了,但检测到JS仍然没有压缩成功,这是为什么呢?经过我的检查发现,原来是他们的gzip_types设置不对造成的,本文就为遇到同样情况的 ...
分类:
Web程序 时间:
2016-04-01 20:17:54
阅读次数:
162
在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原始方式显示出来,以方便查找问题。 具体优势可自行百度或参看官方介绍:http://www.asp.n ...
分类:
Web程序 时间:
2016-03-31 09:29:51
阅读次数:
211
0.简介 grunt是一个任务自动运行器。简单来讲,用了以后,再也不用每次修改sass后,去生成下css,也再也不用去一遍遍压缩js了 ,也再也不用修改了点点东西就要去刷新页面,也不需要去复杂地建立一个本地服务了,你只要在Gruntfile.js里面写好任务,这一切grunt都帮你解决了。(grun
分类:
其他好文 时间:
2016-03-22 19:12:28
阅读次数:
345
好记性不如烂笔头,别人整理的不如自己理解了再整理。 1,减少http请求2,减少dns查询3,避免重定向4,使用cdn5,启用gzip6,配置etag7,添加expires或cache-control头8,js和css独立成文件9,压缩js和css10,css放在顶部11,不要使用css表达式12,
分类:
其他好文 时间:
2016-03-01 22:35:44
阅读次数:
167
一、想要实现eCharts线状图表的断点效果,如图 这种效果,在设置数据的时候应该是这样: data:[, 2, 3, , 5, 6, 7];但是想要动态添加数据,实现方式有两种 1、拼接字符串法:var str='[, 2, 3, , 5, 6, 7]';var arr=eval(str); 2、
分类:
编程语言 时间:
2016-02-19 12:23:30
阅读次数:
210