您的当前位置:首页正文

高效jquery的tips

2024-12-14 来源:东饰资讯网

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原生代码

显示全文