作者: 核桃博客 |
网址:
http://www.hetaoblog.com/javascript-compressor-ecmascript-cruncher/
本博客所有文章全部原创,欢迎转载,
但必须以超链接形式标明文章原始出处和作者信息及版权声明
关于javascript(js)压缩工具的使用,在之前的网站性能优化工具-javascript压缩工具JSMin, javascript 压缩工具-YUI-compressor, javascript 压缩工具Dojo compressor 分别介绍了JSMin, YUI-compressor和Dojo Compressor这3款比较流行的js压缩工具;
今天,再介绍一个有点小众的,ECMAScript Cruncher;我个人看到这个工具不是很喜欢,首先它只能在windows环境下用,而且提供的是ESC.wsf方式,直接搞个exe多方便,非要让我们多写一行命令,而且默认非得加上-ow,默认的压缩方式太简单,选择了最高级别第四层也不咋样。。
到这个地址下载ECMAScript Cruncher
http://sourceforge.net/projects/esc/
下载后,在命令行下输入
cscript ESC.wsf -ow output.js input.js
input.js就是你需要压缩的js源文件,output.js就是需要的输出文件,
这时,就会输出output.js;
ECMAScript Cruncher总共支持4层压缩率,默认是第二层,可以通过下面的方式指定为第三层或者第四层
cscript ESC.wsf -I 3 -ow output3.js input.js
cscript ESC.wsf -I 4 -ow output4.js input.js
我以在之前网站性能优化工具-javascript压缩工具JSMin中使用的JSMin的官方网站的样本程序作为input.js
var is = {
ie: navigator.appName == ‘Microsoft Internet Explorer’,
java: navigator.javaEnabled(),
ns: navigator.appName == ‘Netscape’,
ua: navigator.userAgent.toLowerCase(),
version: parseFloat(navigator.appVersion.substr(21)) ||
parseFloat(navigator.appVersion),
win: navigator.platform == ‘Win32′
}
is.mac = is.ua.indexOf(‘mac’) >= 0;
if (is.ua.indexOf(‘opera’) >= 0) {
is.ie = is.ns = false;
is.opera = true;
}
if (is.ua.indexOf(‘gecko’) >= 0) {
is.ie = is.ns = false;
is.gecko = true;
}
使用ECMAScript Cruncher压缩后,默认的第2层输出的output.js是
var is={
ie:navigator.appName==’Microsoft Internet Explorer’,
java:navigator.javaEnabled(),
ns:navigator.appName==’Netscape’,
ua:navigator.userAgent.toLowerCase(),
version:parseFloat(navigator.appVersion.substr(21))||
parseFloat(navigator.appVersion),
win:navigator.platform==’Win32′
}
is.mac=is.ua.indexOf(‘mac’)>=0;
if(is.ua.indexOf(‘opera’)>=0){
is.ie=is.ns=false;
is.opera=true;
}
if(is.ua.indexOf(‘gecko’)>=0){
is.ie=is.ns=false;
is.gecko=true;
}
这个压缩比YUI Compressor, Dojo Compressor和JSMin都差,行数仍然和输入的input.js一样是19行,只是一行里面的空格被去掉了,然后我换成第3层和第4层压缩,结果的输出几乎没变,仍然都是19行。
总而言之,我试用了这个后决定以后再也不看这个工具:)
分享到:
相关推荐
在之前的网 站性能优化工具-javascript压缩工具JSMin, javascript 压缩工具-YUI-compressor, javascript 压缩工具Dojo compressor ,javascript 压缩工具使用说明-ECMAScript cruncher分别介绍了JSMin, YUI-...
安装要以编程方式使用unicode-match-property-ecmascript ,请通过将其安装为依赖项:$ npm install unicode-match-property-ecmascript 然后, require它: const matchProperty = require ( 'unicode-match-...
7. **原型与继承**:JavaScript使用原型链实现继承,每个对象都有一个`__proto__`属性指向其构造函数的原型。ES5中的`Object.create()`和ES6的类继承都是基于原型链的。 8. **闭包**:闭包是一种函数特性,它可以...
总结来说,ESC是面向ECMAScript的开源压缩工具,旨在帮助Web开发者优化和压缩JavaScript代码,以提高网页加载速度和带宽利用率。它的开源性质提供了更大的灵活性和可扩展性,而ESC-1.10版本则是这一工具在特定时间点...
ECMAScript 2015是JavaScript的一个重大更新版本,引入了许多新的特性和语法改进,极大地提升了开发者的编码体验和程序性能。 ### 一、块级绑定 块级绑定是ES6中的一项关键特性,它引入了`let`和`const`关键字来...
JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要分为三个核心组成部分:ECMAScript、DOM(Document Object Model)和BOM(Browser Object Model)。本篇文档主要聚焦于ECMAScript,它是JS的标准...
angular-ecmascript是一个实用程序库,它将帮助您使用ES6的类系统编写应用。 到目前为止,尚无官方方法,但是建议使用ES6语法,因此已创建此库。 此外, angular-ecmascript为我们提供了一些非常方便的功能,例如...
X3D是一种专为万维网而设计... X3D 基于 XML 格式开发,所以可以直接使用 XML DOM 文档树、XML Schema 校验等技术和相关的 XML 编辑工具。目前 X3D 已经是通过 ISO 认证的国际标准。所传为其通用技术规范的一个。英文。
压缩工具内附的CHM格式说明书是Windows的帮助文件,通常包含了工具的详细使用指南、API参考、示例和常见问题解答。CHM文件是编译后的HTML文档,可以离线浏览,方便用户在没有网络的情况下查阅。 使用JavaScript脚本...
8. **前端框架应用**:如果压缩包包含React、Vue或Angular等前端框架的实例,那么它们将展示如何使用这些工具构建复杂的应用程序,并涉及组件化开发、虚拟DOM和状态管理等概念。 9. **JavaScript性能优化**:优化...
animations-css-ecmascript 根据此视频,使用CSS和ecmascript学习动画: [ ]格式Animado com JS puro e CSS动画| Mayk Brito
JavaScript,也被称为ECMAScript,是一种广泛应用于网页和网络应用的脚本语言,它主要负责在用户端处理数据、操作DOM(文档对象模型)以及控制页面交互。RATJS,正如其名“Rat Javascript”,是一个小型的JavaScript...
Terser是一款广泛使用的JavaScript压缩工具,它支持最新的ECMAScript标准,包括ES6及之后的版本。Terser的工作原理是首先将源代码解析成抽象语法树(AST),然后对AST进行各种优化操作,最后再将优化后的AST转换回...
同时,了解如何使用Webpack或其他打包工具进行模块化管理和代码压缩,以及运用浏览器的开发者工具进行性能分析和调试,都是提升开发技能的重要步骤。 最后,了解一些前端构建工具如Gulp、Grunt或现代的Webpack,...
Learn-EcmaScript6-Step-By-Step Learn EcmaScript6 Step By Step 本测试的所有结果使用的转换方式是: <!-- 加载Traceur编译器 --> [removed][removed] <!--将Traceur编译器用于网页--> [removed]...
怎么压缩Js?为什么要压缩Javascript? Javascript compressed/crunched 开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为...这里我们可以使用一个工具ESC(ECMAScript cruncher)来帮我们完
这份“JavaScript高级程序设计---笔记归类.pdf”文档显然详细整理了JavaScript的关键知识点,包括ECMAScript规范、DOM操作、数据类型、运算符、流程控制语句、函数以及面向对象编程等。 首先,ECMAScript是...
名称MarpaX::Languages::ECMAScript::AST - 将 ECMAScript 源转换为 AST版本版本 0.020概要 use strict;use warnings FATAL => 'all';use MarpaX::Languages::ECMAScript::AST;use Log::Log4perl qw/:easy/;use Log:...
标题 "TDDIntro-EcmaScript:世界上最好的TDD JavaScript介绍" 暗示了这是一个关于Test-Driven Development(TDD)在JavaScript环境中的实践教程,特别是使用EcmaScript(JavaScript的标准版本)语法。这个教程可能由...