JavaScript 在线压缩和格式化收藏_javascript技巧

以前在找到过压缩 Javascript 代码的程序，一直在用，感觉效果不错。
http://javascriptcompressor.com/
在线压缩 Javascript 源码
只是把空格、换行、多余的注释等等清理掉，尤其选中 Shrink variables 时，会把长的变量名缩减成单个字母的变量名，压缩比通常能达到50%甚至更小。现在 AJAX 大行其道，JavaScript 文件越来越大，用此压缩应该能减轻不少流量负担。而且缩减变量名后，程序并没有加密，但会使程序变得很难看懂，一定程度上也能保护一下版权吧。

今天又找到了把代码格式化的程序
http://elfz.laacz.lv/beautify/
可以把压缩过的 JS 代码重新格式化成容易阅读的样子。当然如果是 javascriptcompressor.com 压缩时缩减变量名了，是没法恢复原来有意义的变量名的。
遇到特别大的 JS 文件时，浏览器会报耗时过长，选不停止，最终它能完成执行。

时间： 2024-08-28 12:12:12

JavaScript 在线压缩和格式化收藏_javascript技巧的相关文章

JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具_javascript技巧

昨天分享了 http://jscompress.sinaapp.com/ 这个小工具后,发现大家还是很喜爱的. 因此今天我把它json化了.用json传输数据,也开放了api    本工具所有的功能实现都是由 http://jscompress.sinaapp.com/api 处理.(包括现在可以使用的这个在线压缩) 所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式.  API参数 : http://jscompress.sinaapp.com/api?get={

javascript if条件判断方法小结_javascript技巧

条件语句用于基于不同的条件来执行不同的动作. 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用以下条件语句: •if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码•if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码•if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行•switch 语句 - 使用

JavaScript中的时间处理小结_javascript技巧

废话不多说了,主要通过以下七个方面给大家总结了时间处理相关知识. 1.获取当前时间 function getNowTime() { return new Date(); } 2.时间与天数相加 function getTimeAddDays(time, days) { return new Date(time.getTime() + days * 24 * 60 * 60 * 1000); } 3.获取并格式化日期:年-月-日 function getFormatDate(time) { ret

javascript中Number的方法小结_javascript技巧

一.构造函数 Number(value) new Number(value) 二.Number属性 1.Number.MAX_VALUE 返回能表示的最大数字. 2.Number.MIN_VALUE 能表示的最小数字. 3.Number.NAN 非数字值. 4.Number.NEGATIVE_INFINITY 负无穷,当溢出时返回. 5.Number.POSITIVE_INFINITY 正无穷,当溢出时返回. 三.Number方法 1.toString() 使用指定进制,将一个数字转换为字符串.

3款实用的在线JS代码工具(国外)_javascript技巧

   1. 压缩工具        用于在线压缩你的JS代码,它有一个选项"Include latest jquery.min.js",这对于提升速度非常有用.         推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度           2. 美化工具          用于将压缩后的代码转换回正常状态,使代码再次可读.该工具也可用于混淆的代码.         推荐理由:漂亮的代码 = 易读 = 更快地开发         3. 混淆工具        用于保

JavaScript代码里的判断小结_javascript技巧

比较判断 比较判断是比较两个值,返回一个布尔值,表示是否满足比较条件.JavaScript一共提供了8个比较运算符,这里主要说一下严格相等运算符和相等运算符的区别 严格相等运算符=== 判断 返回 两个值类型不同 false 两个值都是null/undefined/true/false true 两个值其中之一为NaN false 两个值都为数值且值相等 true 两个值都为字符串,且值相等 true 两个值都指向同一个引用类型 true 1 === "1" // false true

浅谈JavaScript 覆盖原型以及更改原型_javascript技巧

覆盖原型 //囚犯示例 //1.定义原型对象 var proto = { sentence : 4, //监禁年限 probation: 2 //缓刑年限 }; //2.定义原型对象的构造函数 var Prisoner = function(name, id) { this.name = name; this.id = id; }; //3.将构造函数关联到原型 Prisoner.prototype = proto; //4.实例化对象--采用工厂函数实例化对象 var makePrisoner

浅析在javascript中创建对象的各种模式_javascript技巧

最近在看<javascript高级程序设计>(第二版) javascript中对象的创建 •工厂模式 •构造函数模式 •原型模式 •结合构造函数和原型模式 •原型动态模式 面向对象的语言大都有一个类的概念,通过类可以创建多个具有相同方法和属性的对象.虽然从技术上讲,javascript是一门面向对象的语言,但是javascript没有类的概念,一切都是对象.任意一个对象都是某种引用类型的实例,都是通过已有的引用类型创建:引用类型可以是原生的,也可以是自定义的.原生的引用类型有:Object.A

javascript排序函数实现数字排序_javascript技巧

javascript排序函数实现数字排序 <script> function SortNumber(obj,func) //定义通用排序函数 { //参数验证,如果第一个参数不是数组或第二个参数不是函数则抛出异常 if(!(obj instanceof Array) || !(func instanceof Function)) { var e = new Error(); //生成错误信息 e.number = 100000; //定义错误号 e.message = "参数无效&q