jquery性能优化

1.使用最新的jquery库

2.使用合适的选择器(id选择器 标签选择器  )

3.如果一个使用选择对象多次的话,不妨使用缓存对象,通过一个变量缓存起来,如果其他函数中也使用到jquery对象 那么可以把他们缓存到全局对象环境里

4.循环时的DOM操作,使用jquery可以很方便的添加 删除 或者修改dom节点,如果涉及到大量dom操作,应提前创建好字符串。

5.数组方式使用jquery对象。使用jquery选择器获取结果是一改jquery对象,然而,jquerry类库会让你给觉你在使用一个定义了索引和长度的数组。在性能方面,建议使用简单for或者while循环来处理,而不是$.each(),这样代码会更快。

6.事件代理,事件委托,每一个js事件如click,mouseover都会冒泡到父级节点,当我们需要给很多个元素调用同个函数的时候这点会很有用。比如js做五子棋,点击td变色,如果大量绑定事件则会带来很负面的影响,我们有更好的做法,在其父节点上监听点击事件,then通过event.target获取到被点击的当前元素。在jquery1.7中提供里一个新的方式on,帮你将整个事件封装到一改便利方法种如下代码。

$('#table').on('click','td'.function(){
    $(this).css('background','black');
});

7.将代码转化为jquery插件。

8.使用join()来拼接字符串,代替‘+',btw,php中 用','连接输出字符串会比‘.’号效率高,注意是输出字符串的时候。

9.合理使用h5的data属性。

<div id='d1 data-role='page' data-last-vale='43'>
$('#d1').data('role');
$('#d1').data('lastValue');

10.使用元素JS

11.压缩JS

//上面11点基本摘自锋利的jquery

12.使用CDN加载jquery,比在你本地更快,因为很多浏览器里面已经缓存里jquery,如果你们用的一个cdn库他不需要去加载。


nickname
content