JavaScript代码优化技巧总结

1.避免使用全局变量:

var a = 1;
var b = 2;
var c = 3;

尽量使用局部变量:

function () {
    var a = 1;
    var b = 2;
    var c = 3;
}

或者这样:

var json = {
    "a" : 1,
    "b" : 2,
    "c" : 3
}

2.使用jquery中,当一个元素执行多个事件时,尽量避免这种写法:

obj.focus(function(){
    //...
})
obj.blur(function(){
    //....
})
obj.click(function(){
    //....
})

尝试这种写法:(jQuery 1.9以后的版本把live替换成on)

obj.on({
    focus : function(){
        //....
    },
    blur : function(){
        //....
    },
    click : function(){
        //....
    }
})

3.对于一个功能模块的所有事件,比如这样的:

$(‘#phone‘).on(‘click‘,function(){
      //....
})
$(‘#email‘).on(‘click‘,function(){
      //....
})
$(‘#add‘).on(‘click‘,function(){
      //....
})

尽量用函数表达式封装起来,这样在调用的时候,初始化原型对象,达到多次调用:

var validata = function (){
    $(‘#phone‘).on(‘click‘,function(){
        //执行代码
    })
    $(‘#email‘).on(‘click‘,function(){
        //执行代码
    })
    $(‘#add‘).on(‘click‘,function(){
        //执行代码
    })
}
validata();
时间: 2024-10-06 12:44:24

JavaScript代码优化技巧总结的相关文章

JavaScript代码优化(下载时间和执行速度优化)

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

python代码优化技巧

转自:http://www.douban.com/group/topic/31478102/ 这个资料库还有些不错的好文章: http://www.ibm.com/developerworks/cn/ 来看这篇<Python 代码性能优化技巧>http://www.ibm.com/developerworks/cn/linux/l-cn-python-optim/index.html 原文标题是代码性能优化,关键是性能优化,如果纯是代码优化则跟代码重构无异. 代码性能优化的本质:保证代码正确行

PHP代码优化技巧大盘点

原文:PHP代码优化技巧大盘点 PHP优化的目的是花最少的代价换来最快的运行速度与最容易维护的代码.本文给大家提供全面的优化技巧. 1.echo比print快. 2.使用echo的多重参数代替字符串连接. 3.在执行for循环之前确定最大循环数,不要每循环一次都计算最大值,最好运用foreach代替. 4.对global变量,应该用完就unset()掉. 5.用单引号代替双引号来包含字符串,这样做会更快一些.因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会. 6.函数代替正则表达式完成相

JavaScript的技巧45招

JavaScript奇技淫巧45招 来自仲老师的分享: 原文地址[http://chensd.com/2015-01/45-useful-javascript-tips-tricks-and-best-practices.html] 本文是一篇翻译文章,原文信息如下: 原文:45 Useful JavaScript Tips, Tricks and Best Practices 作者:Saad Mousliki JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(Pho

JavaScript小技巧

1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 1 2 3 4 5 6 7 var myVar   = "3.14159", str     = ""+ myVar,//  to string int     = ~~myVar,  //  to integer float   = 1*myVar,

JavaScript代码优化新工具UglifyJS

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

常用的javascript小技巧

字符串转换为数值 常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型 在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型 转

javascript小技巧之with()方法

With()方法平时用得不多,本文用个小例子来学习一下.在这里记录.个人感觉还是很方便的. 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关.With 语句的语法格式如下所示:With Object {Statements}对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例.例如 当使用与 Document 对象有关的 wr

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func