`
limodou
  • 浏览: 65767 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

[jQuery]使用dean的javascript packer的一些体会

阅读更多

dean开发的javascript packer是用在jquery相关项目中最多的packer了。现在是3.0。它是一个web工具,可以在线进行压缩。它的使用很简单:

  1. 进入网站
  2. 粘贴要压缩的代码
  3. 执行pack

它还有几个选项:Base62 encode和Shrink variables。如果这两个选项不选的话,只是去掉多余的空格,换行,注释之类的。如果选择Base62 encode基本上就不可读了。如果选择Shrink variables可以压缩变量,具体它是如何做的我不清楚,不过体积的确会变小。不过在我压缩jquery.jform.js时,在测试中发现原本应该是ajax的POST方式提交的结果变成了GET方式,太奇怪了。如果换成不压缩的版本就没有问题。因此定位是这个packer的问题。于是我没有选中Base62 encode,而只是选中了Shrink variables,发现在$.ajax的参数中,原本为type的给变成了typf,当我中选中Base62 encode,但没有选中Shrink variables后,一切正常。所以我的第一个建议是:

当运行出错时,去掉Shrink variables试试。

另外我的第二个建议是:每个函数后面一定要有分号(';'),每个语句后面如果不是大括号括起来的,一定要有分号。不然在运行时会说是少分号,很麻烦。

现在OpenbookPlatform中的许多js代码我都进行了压缩,甚至把一些常用的放到了一个full.js文件中,这样可以减少文件读取次数,从而提高效率。

分享到:
评论

相关推荐

    js packer php 版

    JavaScript Packer 是由 Dean Edwards 创建的一个工具,它通过删除注释、空白和换行,以及使用位操作进行变量替换,将JavaScript代码压缩到最小化。这种方法使得代码变得难以阅读,增加了对原始代码的安全性。在PHP...

    JavaScript-Minify-Pack:简单的javaScript编译器,它使用Google编译器将javaScript缩小,然后使用Dean Edward's Packer打包

    JavaScript压缩包 简单JavaScript编译器,可使用Google编译器最小化JavaScript,然后使用Dean Edward's Packer对其进行打包 在以下位置测试该工具: :

    JsUnpacker:迪恩·爱德华兹(Dean Edwards)JavaScript Packer解码器

    JsUnpacker是一个Java类,用于解码Dean EdwardsJavaScript Packer。 用法 JsUnpacker jsUnpacker = new JsUnpacker ( " eval(function(p,a,c,k,e,r){e=String;if(!''.replace(/^/,String)){while(c--)r[c]...

    jquery-lightbox

    Lightbox技术最初由Dean Edwards开发,后来被多个框架和库所采纳,其中jQuery Lightbox是基于流行的jQuery JavaScript库实现的一个版本。 jQuery Lightbox的主要特点和功能包括: 1. **优雅的淡入淡出效果**:当...

    jquery-1.2-Compressed

    "jquery-1.2.pack.js"是jQuery 1.2版本的打包文件,"pack"在这里可能指的是使用了Dean Edwards的Packer工具进行压缩。Packer通过混淆变量名和使用位运算来进一步减小文件大小,这对于优化网页性能尤其关键,尤其是在...

    JQuery树形结构

    还有一个打包后的版本`jquery.lightTreeview.pack.js`,它使用了Dean Edwards的Packer工具进行进一步的压缩,旨在优化性能。 `jquery.lightTreeview.css`则是该插件的样式文件,包含了树形结构的布局和视觉样式,如...

    Jquery优势介绍.pdf

    jQuery 是一个广泛使用的JavaScript库,它为Web开发提供了许多优势,包括但不限于以下几个核心特性: 1. **轻量级**:jQuery的设计目标就是小巧高效。经过Packer压缩后,其库的大小小于30KB,使用Min版本并在服务器...

    改善你的jQuery的25个步骤

    3. **整合和压缩脚本**:将多个JavaScript脚本合并为一个文件,然后使用工具如Packer by Dean Edwards进行压缩,减少HTTP请求次数,提高页面加载速度。 4. **使用Firebug的控制台日志工具**:Firebug是一款强大的...

    grunt-packitjs:PackitJS 一个 grunt 插件,利用 Dean Edwards 的 Packer 有效地打包 javaScript 文件

    grunt-packitjs 这是一个 grunt 插件,它利用 Dean Edwards 的有效地打包 javaScript 文件。安装如果您使用 : npm install grunt-packitjs如果您不使用 npm,请克隆此存储库或使用 GitHub 存储库下载链接下载最新...

    十个迅速提升JQuery性能让你的JQuery跑得更快

    6. **缓存结果**:当你多次使用相同的 jQuery 对象时,先将其存储在变量中,然后在后续代码中使用这个变量,而不是每次都重新查询 DOM,这样可以避免不必要的 DOM 操作,提高性能。 7. **避免频繁的 DOM 操作**:...

    Jquery优势介绍.docx

    jQuery 是一个广泛使用的JavaScript库,它为Web开发提供了许多优势,包括但不限于以下几个方面: 1. **轻量级**: jQuery 的小巧尺寸是其受欢迎的主要原因之一。经过压缩和优化,其核心库大小小于30KB,使用Gzip压缩...

    图片展示效果-jquery Lightbox

    jQuery Lightbox是一款基于JavaScript库jQuery的插件,它主要用于在网页上实现优雅的图片预览效果。Lightbox技术最初由Dean Edwards设计,随后被广泛应用于网页开发,而jQuery Lightbox则是这一概念的jQuery实现版本...

    讲解JavaScript的面向对象的编程

    本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...

    javascript十个最常用的自定义函数.pdf

    ### JavaScript 十个最常用的自定义函数详解 #### 一、引言 JavaScript 是一种广泛应用于网页开发中的脚本语言,它提供了强大的功能来增强网页的交互性和动态性。随着前端技术的发展,开发者们常常会遇到需要频繁...

    jquery-jsrender.js

    **JSRender** 是由 Microsoft 的 Dean Edwards 和 Boris Moore 开发的,它本身是一个独立的模板系统,但与 jQuery 结合使用时,可以极大地提升前端开发的效率。JSRender 提供了一套易于学习和使用的模板语法,允许...

    jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构

    在分析jQuery-1.9.1事件系统之事件体系结构...理解了这种事件体系结构,我们就能够更深入地掌握jQuery事件处理的内部机制,并且在开发中能够更有效地使用jQuery提供的事件API,编写出更加高效和强大的JavaScript代码。

    lightbox相册插件jquery-rebox.zip

    用户可以通过阅读这些资源来了解如何配置和使用jQuery Rebox。 综上所述,jQuery Rebox是一个强大的Lightbox相册解决方案,尤其适合需要响应式图片展示的网站。通过其丰富的功能和易于集成的特点,它可以轻松地提升...

    Quote of Jeff Dean

    这些内容主要是关于Jeff Dean的一些夸张和幽默的描述,以此为背景,我们可以提取知识点如下: 1. P=NP问题:文档中提到了著名计算机科学问题P=NP,这是关于计算机算法理论中的一个核心问题,它问的是:是否每个能在...

    DZ模板 迪恩资讯媒体课程干货(dean_flyi_170116)+商业版

    同时,由于模板可能包含多个子文件,如CSS样式表、JavaScript脚本、图片资源等,因此在升级或维护时需要仔细检查所有文件,确保完整无误。 总结来说,“DZ模板 迪恩资讯媒体课程干货(dean_flyi_170116)+商业版”是...

Global site tag (gtag.js) - Google Analytics