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

 

你可能感兴趣的:(jquery优化)