`
喜马拉雅上的小草
  • 浏览: 52299 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript Compressed

 
阅读更多
JSA发布了新版本

1. 增加了对全局变量混淆的设置
2. 公开了部分API调用接口。
3. 方便于二次开发

在开发Javaeye3.0的过程中,我们也采用了JSA作为JS的压缩工具,它的效果和可靠性是目前同类开源工具中最好的。对JSA压缩过的脚本再开启服务端的GZip压缩,平均压缩效果可以达到30%左右,对于一些比较大的JS有非常明显的效果。
JSA 压缩时的常见问题
1。保留字滥用
如果你的脚本中存在某些保留字或者关键字属性甚至变量名,那么,对不起,您的脚本无法正常解析。
虽然大多数浏览器在这个时候会对你宽大处理,但是JSA不能,比如新浪编辑器里有一个float属性(其实那是错误写法,正确写法应该为styleFloat

2。严格的正则语法
JSA使用的是Rhino语法解析器,在正则处理时,哪怕在[]号内,依然需要对全部特殊字符转义。否则可能会出错。
比如,如下表达式:

/[/]/.test('/')

它在大多数浏览器上,都能通过。
但是Rhino解析器,则无法通过。
我粗略过了一下ECMA规范的语法说明,这一点应该算Rhino实现的bug。
引用:
ClassAtomNoDash ::
SourceCharacter but not one of/ ] -
/ ClassEscape

其它集合:Javascript压缩/Javascript compressed/crunched

开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为JavaScript减肥?
当你提高了用户体验,做出了很绚丽的效果而欣喜的时候,是否想过优化一下JS的效率,比如微软的live,其中的js做了压缩处理。JS的速度分为两种,下载速度和执行速度。今天就先来说说下载速度。要想js的下载速度快,就需要尽量减小js文件的大小。这里我们可以使用一个工具ESC(ECMAScript cruncher)来帮我们完成这个工作,不过这个工具只能在Windows下使用。到http://www.saltstorm.net/depo/esc/introduction.wbm?pod=js下载ESC.zip,解压后看看它的帮助文档。很简单。
http://dean.edwards.name/packer/在线压缩
A Online JavaScript Compressor/Obfuscator version
Also available as a .NET application
开源下载:http://dean.edwards.name/download/#packer
压缩器帮助:http://dean.edwards.name/packer/usage/
http://dean.edwards.name/packer/usage/sample.html
http://hometown.aol.de/_ht_a/memtronic/
JavaScript Compressor/Obfuscator Demo:
http://www.brainjar.com/js/crunch/demo.html
JavaScript Code Improver:
JavaScript Code Improver Download
YUI Compressor Maven Plugin Maven
Else : JSMin,ShrinkSafe,jsMinifier,native2ascii
关于JavaScript的gzip静态压缩方法
传统的JS压缩提供的压缩率有时还是不尽不意,幸亏现在的浏览器都支持压缩传输(通过设置http header的Content-Encoding=gzip),可以通过服务器的配置(如apache)为你的js提供压缩传输,或是appfuse中使用的GZipFilter使tomcat也提供这种能力,现在的问题是这种动态的压缩会导致服务器CPU占用率过高,现在我想到的解决辨法是通过提供静态压缩(就是将js预先通过gzip.exe压缩好).
--- Javascript压缩工具 Javascript compressed,Js压缩 [http://www.ad0.cn/netfetch/read.php/821.htm]

Online Dojo JavaScript Compressor, Dojo ShrinkSafe.

分享到:
评论

相关推荐

    JS压缩工具 js代码美化

    Javascript compressed/crunched 开发Ajax除了自己要写js代码外,同样也免不了要使用其它第三方js库,是否该为JavaScript减肥? 当你提高了用户体验,做出了很绚丽的效果而欣喜的时候,是否想过优化一下JS的效率,...

    584787 21天学通HTML+CSS+JavaScript Web开发.第7版.-compressed

    584787 21天学通HTML+CSS+JavaScript Web开发.第7版.-compressed

    5.2生成并运行Javascript1

    <script src="javascript_compressed.js"> ``` 生成JavaScript代码的步骤包括设置保留词,避免用户定义的变量与JavaScript的关键字冲突,然后调用`Blockly.JavaScript.workspaceToCode(workspace)`来获取工作区的...

    Google Javascript画线功能excanvas

    在JavaScript中使用Excanvas,首先要引入excanvas.js或excanvas-compressed.js文件。这两个文件都是Excanvas的实现,其中压缩版(excanvas-compressed.js)经过压缩,体积更小,适用于生产环境。在HTML页面中,通常...

    Super_Tables_0_30beta_compressed

    "Super_Tables_0_30beta_compressed"这个压缩包文件提供了一个解决方案,它使用JQuery库来实现固定表头和固定列头的功能。这种功能使得在大数据量的表格中滚动时,表头和列头始终可见,从而提高用户的浏览和操作效率...

    jquery-1.2-Compressed

    jQuery 是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的使用,使得DOM操作、事件处理、动画制作以及Ajax交互变得更加简便。本篇文章将深入探讨jQuery 1.2版本的压缩版——"jquery-1.2-...

    main-compressed

    "main-compressed" 是一个与Chorme浏览器相关的压缩包,其中包含了一个名为 "last.js" 的JavaScript文件。这个文件很可能是某个JavaScript演示项目的一部分,用于展示或测试HTML5的Canvas技术。HTML5 Canvas是一个...

    不错的轻量级 javascript 框架

    6. **compressed**:可能是压缩过的文件,比如框架的压缩版,用于减少页面加载时间。 在实际开发中,使用这样的轻量级 JavaScript 框架,开发者可以快速构建动态网页,同时利用框架提供的工具处理表单数据,确保...

    imagecompressor一个简单的JavaScript图像压缩器

    【JavaScript图像压缩器——imagecompressor详解】 在现代网页应用中,用户经常需要上传图片,而未经处理的大尺寸图片不仅占用存储空间,也可能导致页面加载速度变慢,影响用户体验。为了解决这个问题,开发者通常...

    js_editor.zip_JavaScript编辑器_html editor javascri_js edit_js_edit

    - **richtext.js**、**richtext_compressed.js**:这是编辑器的主要JavaScript文件,未压缩版和压缩版。压缩版用于提高页面加载速度。 4. **自定义与扩展**: - 开发者可以通过查看源码(如richtext.js)来理解...

    Javascript SlideShow网页相册代码(JS+CSS).rar

    `compressed.js`是压缩的JavaScript文件,它包含了实现SlideShow功能的代码。这个文件可能包含了图片切换逻辑、动画效果、用户交互处理(如点击或触摸事件)等功能。JavaScript可以动态改变HTML元素的样式或内容,...

    JavaScript前端实现压缩图片功能

    formData.append('image', blob, 'compressed.jpg'); fetch('/upload', { method: 'POST', body: formData }); ``` 前端图片压缩技术涉及到JavaScript的File API、HTML5的Canvas API以及数据传输的相关知识。在实际...

    lzbase62:base62中基于LZ77(LZSS)JavaScript压缩算法

    lzbase62 base62中基于LZ77(LZSS)JavaScript压缩算法。 压缩后的结果将是一个以62个基数(0-9A-Za-z)为字符的字符串。 将大量数据存储在大小受限制的存储区(例如localStorage或cookie)中时,此功能很有用。演示...

    JavaScript画线,画图兼容FireFox,IE等浏览器

    要使用Excanvas,你需要在HTML文档的head部分引入excanvas.js或者excanvas-compressed.js(压缩版)。之后,你可以创建一个canvas元素,并通过JavaScript获取其上下文对象,然后调用各种绘图方法。例如: ```html ...

    yui compressor 2.4.2 javascript/css压缩程序

    java -jar yuicompressor-2.4.2.jar -o compressed.js input.js ``` 对于CSS文件,命令类似,只是扩展名不同。此外,`YUI Compressor` 还支持通过参数配置压缩级别、是否保留注释等选项。 5. **与其他工具的比较...

    is-compressed:检查文件路径是否为压缩文件

    const isCompressed = require ( 'is-compressed' ) ; isCompressed ( 'source/unicorn.zip' ) ; //=> true isCompressed ( 'source/unicorn.txt' ) ; //=> false 有关的 压缩文件扩展名列表 执照 麻省理工学院:...

    3.5代码编辑器1

    <script src="javascript_compressed.js"> ``` 一旦这两个脚本被加载,我们就可以使用`Blockly.JavaScript.workspaceToCode(workspace)`函数将工作空间中的积木转换为JavaScript代码。这里的`workspace`参数代表了...

    cropperjs:JavaScript图像裁剪器

    Cropper.js JavaScript图像裁剪器。-Cropper.js的高级示例。 cropper Cropper.js的jQuery插件包装。目录产品特点支持39个支持27支持6支持触摸(移动) 支持缩放支持旋转支持缩放(翻转) 支持多种作物支持在画布上...

    Sending Compressed HTTP Reponse in ASP.NET Web Application

    这主要涉及到减少网络传输的数据量,从而提高页面加载速度,尤其是对于那些包含大量文本内容(如HTML、JavaScript、CSS)的网页。本文将详细讲解如何在ASP.NET环境中实现HTTP响应的压缩。 HTTP压缩主要是通过使用...

    FileSaver.js压缩时使用,压缩文件

    FileSaver.js是一个JavaScript库,专门用于在浏览器环境中保存文件,尤其在用户希望下载服务器上的数据或者本地生成的数据时非常有用。这个库是基于HTML5的`Blob`和`URL.createObjectURL()` API构建的,使得在没有...

Global site tag (gtag.js) - Google Analytics