栏目导航
热点推荐
- 网页表单设计:提高表单可用性的1
- 网站设计必须充满诗意 用户体验
- 网页元素设计和网页转场设计
- 50个制作网站的诀窍
- 高性能网站建设的黄金法则
- 网站用户体验七十六个要点分享
- 网页图片大小自适应方法
- 最容易犯的10个HTML标签错误
- 网页设计事半功倍的构图技巧
- 网页用户体验:网页注册表单设计
- 精美网页专题页面设计的经验总结
- 15 个第三方Web 表单资源
阅览排行
YUICompressor:高效压缩CSS和JS代码的工具
www.jz123.cn 2010-02-05 来源: 中国建站 责任编辑(袁袁) 我要投递新闻
如果你还在使用 CSSTidy、JSbeautifier 之类的在线代码压缩工具,那么网页教学网告诉你,你已经过时了。
前端代码的压缩,主要在于对 JS 和 CSS 代码的压缩,抛开图片压缩的问题不谈,JS 和 CSS 代码的压缩已经有先人做了很多工作。
YUICompressor 正是出自 Yahoo 工程师之手,高效,便捷,压缩率高。使用纯 Java 编写,运行需要 JRE 的支持,基于 Rhino 对 JavaScript 源文件进行分析和切词。优化 CSS 属性和颜色值,有效去除 JavaScript 和 CSS 文件中冗余的空白字符,整理 JS 局部变量名称,缩减代码体积。
官方主页:http://yuilibrary.com/downloads/#yuicompressor
文档:http://developer.yahoo.com/yui/compressor
由于本身是基于 Java 包的压缩打包工具,因此使用上入门可能有点难度。命令行格式如下:
java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js –charset utf-8 |
当然,你可能会觉得不爽。没关系,芒果为你准备的傻瓜化的批处理封装包。双击 "install.cmd" 关联右键菜单后,在需要压缩的 CSS 或者 JS 文件上右键选择 "Process With YUICompressor" 即可一键输出压缩文件,无需手工输入命令。
上一篇:网页制作:如何提高设计的效率 下一篇:互联网产品设计的流程导入到网站策划流程之中