jQuery 1.5 发布的时候 john resig 大神说所用的代码优化程序从Google Closure切换到UglifyJS,新工具的压缩效果非常令人满意. UglifyJS 是一个服务端node.js的压缩程序.我测试了一下压缩率确实比较高. 所以值得写篇文章推荐下. 你也可以尝试一下在线版的Uglifyjs: 如果你对 uglifyjs 有兴趣可以按照以下安装方式进行安装. 1. 安装 node.js 环境 2. 进入 右上角 “Download” ZIP下载整个包. 3. 解压打开…

  ~~教你向老鸟一样敲代码~~. 1. 将脚本放在页面的底部 ... <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 2. 变量声明合并 将多条var语句合并为一条语句,我建议将未赋值的变量放在最后面. 并且为了代码的美观,还可以将等号对齐. //糟糕 var…

1. 将脚本放在页面的底部 <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 2. 变量声明合并 将多条var语句合并为一条语句,我建议将未赋值的变量放在最后面.并且为了代码的美观,还可以将等号对齐. //糟糕 var oBtn = document.getElem…

JavaScript代码的速度被分成两部分:下载时间和执行速度. 下载时间 Web浏览器下载的是js源码,因此所有长变量名和注释都回包含在内.这个因素会增加下载时间.1160是一个TCP-IP包中的字节数.最好能将每个javascript文件都保持在1160字节以下以获得最优的下载时间.    由于这个原因,要删除注释.删除制表符和空格.删除所有的换行.将长变量名缩短. 遵循这4条比较困难.因此用外部程序(ECMAScript Cruncher)来帮助我们. 要运行ESC,必使用Windows系…

安装: 1. 安装 node.js 环境 (这个不用我教了吧,网上教程一大堆哦.) 2. 进入 https://github.com/mishoo/UglifyJS  右上角 “Download” ZIP下载整个包. 3. 解压打开 UglifyJS/bin/uglifyjs 4. 找到 global.sys = require(/^v0\.[012]/.test(process.version) ? "sys" : "util"); var fs = requir…

前面的话 本文将详细介绍JS编程风格的几个要点 松耦合 当修改一个组件而不需要更改其他组件时,就做到了松耦合 1.将JS从CSS中抽离:不要使用CSS表达式 //不好的做法 .box{width: expression(document.body.offsetWidth + ’px')} 2.将CSS从JS中抽离:通过JS修改CSS样式时,使用className或classList,不要逐条修改style样式 //不好的做法一 ele.style.color = 'red'; ele.style…

一.避免全局查找 在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些 function search() { //当我要使用当前页面地址和主机域名 alert(window.location.href + window.location.host); } //最好的方式是如下这样 先用一个简单变量保存起来 function search() { var location = window.location; alert(location.h…

1.if else 语句中变量赋值为布尔值 if (a > b) { status = true; } else { status = false; } // 可以简化为 status = a > b if语句的条件会自动转换为布尔值,如果在使用时不确定是否为布尔值,可以对表达式双重取反(!!). 2.if else 语句中变量赋值为非布尔值 if (a > b) { status = 1; } else { status = 2; } // 可以简化为 status = a >…

一.变量 javascript的变量是松散类型的,所谓松散类型就是说定义的变量可以用来保存任何类型的数据.定义变量时要使用var操作符后面跟变量名.这里的var是一个关键字,如果定义变量时省略了var,那么这个变量就成了全局变量.但一般不推荐这么做,因为在局部作用域中定义全局变量会很难维护,并且会因为相应的变量不会马上就有定义而导致不必要的混乱. 定义变量时的格式:var a="hi"; var b=false; var c=23; 还可以这么定义:var a="hi&quo…

RequireJS Optimizer 是 RequireJS 自带的前端优化工具,可以对 RequireJS 项目中的 JavaScript & CSS 代码使用 UglifyJS 或者 Closure Compiler 进行压缩合并.这篇文章介绍RequireJS Optimizer 的使用和配置方法,帮助大家解决使用中碰到的问题. RequireJS Optimizer 对脚本的优化支持目前流行的 UglifyJS 和 Closure Compiler 两种压缩方式,UglifyJS 需要…