本文基于windows7系统,mac上或许更简单些。本文参阅了无墨来点睛的文章http://www.cnblogs.com/catprayer/archive/2011/08/03/2126719.html,再此说明。
花了点时间,总算是试验成功,demo地址:http://pan.baidu.com/s/1c0dGm1i
ant可以去官网下载,地址是:http://ant.apache.or...
最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得。1.安装gulpgulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。完成nodejs安装之后,需要使用npm安装gulp。先...
分类:
编程语言 时间:
2015-03-06 16:11:44
阅读次数:
178
WEB集成开发方案-Windows 版前言今天要解决下面几个问题:1、 CSS压缩;2、 JS压缩;3、 JS依赖包的管理;4、 各终端浏览器自动实时同步,解脱反复手动刷新与清缓存工作,非常适合响应式开发。5、 项目发布首先看下传统的开发模式,从编码、调试到发布,要做若干反复繁琐的操作,长期以来,会...
一个grunt模板,实现less、文件连接、css压缩、javascript压缩、watch、livereload...
分类:
其他好文 时间:
2015-01-15 18:15:43
阅读次数:
184
前一阵子,对系统界面做了些调优的工作。简单总结下:
1. js css压缩合并,老生常谈 ,前面blog也介绍了assets管理自动压缩的 机制。
2. 图片sprite png合并 就是将多个图片合并到一张图片上,减少了网络请求。
3. 图片优化,optipng-0.7.5.man.pdf 压缩图片到比较好的大小,经过仔细对比,感觉其实是减少了一些相近的颜色,统一替换。
4. ...
分类:
其他好文 时间:
2015-01-14 17:54:59
阅读次数:
185
进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。但以上两种方式有几个问题1、通过命令手动配置压缩选项显得很呆板2、都仅合并为一个文件对于最后只生成一个文件的库来说,这种方式并无不妥。比如jQuery,它的工...
分类:
Web程序 时间:
2015-01-14 12:28:04
阅读次数:
131
JsCompressor,主要用来压缩、混淆JS(Javascript)与CSS,基于YUI Compressor,目的是方便不熟悉Java或者不喜欢命令行方式进行压缩的Web开发者使用。功能:1,可压缩、混淆整个目录(包括子目录)下的JS或者CSS文件,在同一个文件夹内生成*.min.js或者*....
分类:
Web程序 时间:
2015-01-06 19:40:44
阅读次数:
228
Web优化:减少http请求避免404错误在html页面header加入缓存标签Gzip压缩网页减少cookie体积使用外部的js和css消减js和css压缩js使用css sprites技术,众多图片合成在一起,通过CSS切分,降低图片传输的频率和数据量可以使用静态网页的,避免使用动态网页工具包进...
分类:
Web程序 时间:
2015-01-01 21:09:35
阅读次数:
173
css 的压缩 用cleancss (注意:安装时有“-”,使用时没有。)安装: npm install clean-css -g查看:npm -v用法:把index.css 压缩成 index.min.css操作: cleancss -o index.min.css index.css======...
分类:
Web程序 时间:
2014-12-22 12:55:16
阅读次数:
161
1 2 3 4 CSS压缩混淆 / 格式化 / 美化工具 5 28 29 30 31 32 33 34 CSS压缩混淆 / 格式化 / 美化工具35 36 贴入要格式化或压缩的CSS代码:...
分类:
Web程序 时间:
2014-11-14 17:24:21
阅读次数:
286