YUICompressor:高效压缩CSS和JS代码的工具

2016-02-20 00:31 12 1 收藏

下面请跟着图老师小编一起来了解下YUICompressor:高效压缩CSS和JS代码的工具，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - Web开发】

如果你还在使用 CSSTidy、之类的在线代码压缩工具，那么网页教学网告诉你，你已经过时了。

前端代码的压缩，主要在于对 JS 和 CSS 代码的压缩，抛开图片压缩的问题不谈，JS 和 CSS 代码的压缩已经有先人做了很多工作。

YUICompressor 正是出自 Yahoo 工程师之手，高效，便捷，压缩率高。使用纯 Java 编写，运行需要 JRE 的支持，基于 Rhino 对 JavaScript 源文件进行分析和切词。优化 CSS 属性和颜色值，有效去除 JavaScript 和 CSS 文件中冗余的空白字符，整理 JS 局部变量名称，缩减代码体积。

官方主页：
文档：

由于本身是基于 Java 包的压缩打包工具，因此使用上入门可能有点难度。命令行格式如下：

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js –charset utf-8

当然，你可能会觉得不爽。没关系，芒果为你准备的傻瓜化的批处理封装包。双击 "install.cmd" 关联右键菜单后，在需要压缩的 CSS 或者 JS 文件上右键选择 "Process With YUICompressor" 即可一键输出压缩文件，无需手工输入命令。

来源:https://www.tulaoshi.com/n/20160220/1632028.html

上一篇：收集国外的14个图片放大编辑的jQuery插件
下一篇：看透了多少人

看过《YUICompressor:高效压缩CSS和JS代码的工具》的人还看了以下文章更多>>

Packer 3.0 JS压缩及混淆工具下载

标签： Web开发

一个加密JAVASCRIPT的开源工具PACKER2.0.2 这是一个并非很复杂的编码工具，编码过后可以被浏览器直接识别。新浪在用。比如：http://comment4.news.sina.com.cn/comment/cmnt_xml.js 从这里进入http://dean.edwards.name/packer/，很简单的一个界面。设置也很简单 Numeric (Base 10) ：所有的字符都被编码成数字 Normal (Base 62) ：所有的...

10个省时高效的CSS3代码生成工具分享

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

今天的资源是完全免费的 WebApp，这些 WebApp 能够为模板，渐变，甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者，这些资源可以帮助你节省很多时间，并可以为以后的项目提供可复用的源码。 1.CSS3 Generator CSS3 Generator是最受欢迎的用于代码生成的 web 应用之一。这个应用对于不同类型的代码生成有不同的页面，包括 RGBA，tran...

CSS技巧教程：10个在线CSS压缩工具

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

CSS压缩工具可以自动完成清理你的代码的大部分工作。它们中的很多会告诉你你的文件被压缩的百分比，所以请多尝试几个以了解哪个是最好的。 CSS Drive 可选项: 压缩模式: 低、普通、高度压缩注释压缩:不压缩、全部、或者长于某个特定值的。 CSS Compressor 可选项 (每个均可选Yes 或No ): 重排属性压缩色彩压缩font-weight小写化选...

小工具：统计有多少行JS代码和ASP代码并有多少字节

标签： ASP

计算当前文件夹中，有多少行JS代码和ASP代码，并且还可统计代码有多少字节有示例代码 <% '\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ '\\ '\\ 来自 codeproject.com '\\ 计算js和asp代码 '\\ 修改 bluedestiny '\\ mail:bluedestiny at 126.com '\\...

小工具：统计有多少行JS代码和ASP代码并有多少字节