`
zhangjunbao
  • 浏览: 95245 次
  • 性别: Icon_minigender_1
  • 来自: 核桃博客
社区版块
存档分类
最新评论

javascript压缩工具使用说明-ECMAScript cruncher

阅读更多
作者: 核桃博客  |

网址: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行。

总而言之,我试用了这个后决定以后再也不看这个工具:)
分享到:
评论

相关推荐

    js 压缩工具 AjaxMin4Setup (附使用方法)

    在之前的网 站性能优化工具-javascript压缩工具JSMin, javascript 压缩工具-YUI-compressor, javascript 压缩工具Dojo compressor ,javascript 压缩工具使用说明-ECMAScript cruncher分别介绍了JSMin, YUI-...

    unicode-match-property-ecmascript:根据ECMAScript中用于RegExp Unicode属性转义的算法,将给定的Unicode属性或属性别名与其规范属性匹配

    安装要以编程方式使用unicode-match-property-ecmascript ,请通过将其安装为依赖项:$ npm install unicode-match-property-ecmascript 然后, require它: const matchProperty = require ( 'unicode-match-...

    JavaScript权威指南-ECMAScript5.pdf

    7. **原型与继承**:JavaScript使用原型链实现继承,每个对象都有一个`__proto__`属性指向其构造函数的原型。ES5中的`Object.create()`和ES6的类继承都是基于原型链的。 8. **闭包**:闭包是一种函数特性,它可以...

    ESC (ECMAScript Cruncher)-开源

    总结来说,ESC是面向ECMAScript的开源压缩工具,旨在帮助Web开发者优化和压缩JavaScript代码,以提高网页加载速度和带宽利用率。它的开源性质提供了更大的灵活性和可扩展性,而ESC-1.10版本则是这一工具在特定时间点...

    understanding-ecmascript-6-zh-ver.pdf

    ECMAScript 2015是JavaScript的一个重大更新版本,引入了许多新的特性和语法改进,极大地提升了开发者的编码体验和程序性能。 ### 一、块级绑定 块级绑定是ES6中的一项关键特性,它引入了`let`和`const`关键字来...

    JS-ECMAScript.docx

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要分为三个核心组成部分:ECMAScript、DOM(Document Object Model)和BOM(Browser Object Model)。本篇文档主要聚焦于ECMAScript,它是JS的标准...

    angular-ecmascript:使用ES6的类系统构建AngularJS应用

    angular-ecmascript是一个实用程序库,它将帮助您使用ES6的类系统编写应用。 到目前为止,尚无官方方法,但是建议使用ES6语法,因此已创建此库。 此外, angular-ecmascript为我们提供了一些非常方便的功能,例如...

    ISO-IEC-19777-1-X3DLanguageBindings-ECMAScript

    X3D是一种专为万维网而设计... X3D 基于 XML 格式开发,所以可以直接使用 XML DOM 文档树、XML Schema 校验等技术和相关的 XML 编辑工具。目前 X3D 已经是通过 ISO 认证的国际标准。所传为其通用技术规范的一个。英文。

    javascript 脚本压缩工具

    压缩工具内附的CHM格式说明书是Windows的帮助文件,通常包含了工具的详细使用指南、API参考、示例和常见问题解答。CHM文件是编译后的HTML文档,可以离线浏览,方便用户在没有网络的情况下查阅。 使用JavaScript脚本...

    javascript实例应用---综合类.rar

    8. **前端框架应用**:如果压缩包包含React、Vue或Angular等前端框架的实例,那么它们将展示如何使用这些工具构建复杂的应用程序,并涉及组件化开发、虚拟DOM和状态管理等概念。 9. **JavaScript性能优化**:优化...

    animations-css-ecmascript:使用css和ecmascript学习动画

    animations-css-ecmascript 根据此视频,使用CSS和ecmascript学习动画: [ ]格式Animado com JS puro e CSS动画| Mayk Brito

    Rat Javascript - 小型javascript/ecmascript解释器

    JavaScript,也被称为ECMAScript,是一种广泛应用于网页和网络应用的脚本语言,它主要负责在用户端处理数据、操作DOM(文档对象模型)以及控制页面交互。RATJS,正如其名“Rat Javascript”,是一个小型的JavaScript...

    JavaScript解析器用于ES6的压缩器优化器和美化工具包

    Terser是一款广泛使用的JavaScript压缩工具,它支持最新的ECMAScript标准,包括ES6及之后的版本。Terser的工作原理是首先将源代码解析成抽象语法树(AST),然后对AST进行各种优化操作,最后再将优化后的AST转换回...

    2. Javascript全栈-廖雪峰-打印版

    同时,了解如何使用Webpack或其他打包工具进行模块化管理和代码压缩,以及运用浏览器的开发者工具进行性能分析和调试,都是提升开发技能的重要步骤。 最后,了解一些前端构建工具如Gulp、Grunt或现代的Webpack,...

    learn-ecmascript6-step-by-step:逐步学习EcmaScript6

    Learn-EcmaScript6-Step-By-Step Learn EcmaScript6 Step By Step 本测试的所有结果使用的转换方式是: <!-- 加载Traceur编译器 --> [removed][removed] <!--将Traceur编译器用于网页--> [removed]...

    JS压缩工具 js代码美化

    怎么压缩Js?为什么要压缩Javascript? Javascript compressed/crunched 开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为...这里我们可以使用一个工具ESC(ECMAScript cruncher)来帮我们完

    Javascript高级程序设计---笔记归类.pdf

    这份“JavaScript高级程序设计---笔记归类.pdf”文档显然详细整理了JavaScript的关键知识点,包括ECMAScript规范、DOM操作、数据类型、运算符、流程控制语句、函数以及面向对象编程等。 首先,ECMAScript是...

    MarpaX-Languages-ECMAScript-AST:使用 Marpa 的 ECMAScript AST

    名称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介绍

    标题 "TDDIntro-EcmaScript:世界上最好的TDD JavaScript介绍" 暗示了这是一个关于Test-Driven Development(TDD)在JavaScript环境中的实践教程,特别是使用EcmaScript(JavaScript的标准版本)语法。这个教程可能由...

Global site tag (gtag.js) - Google Analytics