0
点赞
收藏
分享

微信扫一扫

jquery优化系列开篇


其实很多人写了很多的jQ代码,插件等,大家共有的问题,就是如何优化我们的jQ代码。

 

个人做简单整理

 

1、use jQ Cached Set(缓存多次调用的jQ元素)

 

    原理:使用选择器的次数越少越好,缓存之后,可以重复使用

 

    真实测试:http://jsperf.com/ns-jq-cached

 

 

 

2、use jQ chaining(多使用链式操作)

 

    原理:jQuery自动缓存每一步的结果

 

    真实测试:http://jsperf.com/jquery-chaining

 

 

3、正确使用this对象(取舍和jQuery对象)

 

   原理:原生方法还是最快的

 

   真实测试:http://jsperf.com/el-attr-id-vs-el-id/2

 

 

4、循环api

 

   推荐:原生的for和while

 

   真实测试:http://jsperf.com/jquery-each-vs-for-loop/24   

 

 

5、DOM相关的

 

  • 一次性写入

   真实测试: http://jsperf.com/string-concat-single-append-vs-multiple-append



  • 数据存储相关

   使用$.data方法



   真实测试: http://jsperf.com/jquery-data-vs-jqueryselection-data/11


 

举报

相关推荐

0 条评论