高效jquery的tips

1、缓存变量
dom遍历是昂贵的,尽量把重用的变量缓存

2、避免全局变量
最好确保你的变量在函数作用域内

3、使用匈牙利命名法
在变量前加$,便于识别出jQuery对象

4、使用var链
将多条var语句合并为一条

5、使用on
类似click()这样的函数都可以用on('click',function(){})

6、精简js
尽可能合并函数

7、链式操作

8、维持代码的可读性

9、选择短路求值
短路求值是一个从左到右求值的表达式,用&&或者||

10、选择捷径
比如,if(aa.length > 0){...}
改成if(aa.length){}

11、繁重的操作中分离元素
detach()
先分离元素再添加

12、熟记技巧
找到更好更快的方法使用jquery

13、使用子查询缓存的父元素
缓存父元素并在选择子元素的时候重用这些缓存元素

14、避免通用选择符

15、避免隐式通用选择符
用选择符性能不好

16、避免重复id选择符
优化选择符

17、坚持最新版本

18、利用cdn

19、必要时组合jquery和js原生代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,406评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,212评论 0 1
  • 转载自 阮一峰 原文链接:http://www.ruanyifeng.com/blog/2011/08/jquer...
    Separes阅读 282评论 0 2
  • 本文总结了代码编写技巧,来提升你的jQuery和javascript代码。 好的代码会带来速度的提升。快速渲染和响...
    DaveWeiYong阅读 659评论 0 1
  • 去锦江之星送明儿红茶和山楂糖。明天她要回韩国了。 回来继续审读书稿。 看到一句话很好, “守拙胜于使巧,力求一心一意”。
    陋室文竹阅读 143评论 0 0