当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > YUICompressor:高效压缩CSS和JS代码的工具

CSS样式表
CSS网页布局学习之Font-size的妙用
CSS实例教程:网页区块中标题右侧更多
CSS教程(1):学习CSS背景相关知识
CSS教程(4):通过实例学习CSS背景
CSS教程(5):通过实例学习CSS背景
极酷的三层分离的标准滑动门导航菜单
网页版Firebug
CSS实例:CSS实现的等高网页布局
CSS教程:CSS3圆角属性
CSS教程:制作对用户友好的站内搜索表单
IE盒子模型和标准W3C盒子模型
CSS外边距叠加的问题,CSS教程
IE8的一些有趣的新功能
CSS高级技巧:滑动门技术
CSS设计网页边框的几个实例
雅黑字体对IE中的网页布局的影响
CSS技巧:改善代码可读性并简化代码管理
吸引用户点击的按钮设计以及网页按钮实例
CSS实例:超酷的网站导航按钮
CSS实例:创建一个鼠标感应换图片的按钮

CSS样式表 中的 YUICompressor:高效压缩CSS和JS代码的工具


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 113 ::
收藏到网摘: n/a

如果你还在使用 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" 即可一键输出压缩文件,无需手工输入命令。