jQuery代码技巧
一些优化性能的技巧
- 缓存变量
- 避免全局变量
- 使用匈牙利命名法
- 使用 Var 链（单 Var 模式）
- 请使用On方法注册事件
- 合并同一个对象上的多次操作，比如修改样式
- 链式操作
- 维持代码的可读性
- 选择短路求值,
&&和||
- 选择捷径
- 繁重的操作中分离元素: 如果你打算对DOM元素做大量操作（连续设置多个属性或css样式），建议首先分离元素然后在添加。
- 熟记技巧, 比如:
$.data('#id', key, value)比$('#id').data(key, value)高效
- 使用子查询缓存的父元素: DOM遍历是一项昂贵的操作。典型做法是缓存父元素并在选择子元素时重用这些缓存元素。
- 避免通用选择符: 将通用选择符放到后代选择符中，性能非常糟糕。
- 避免隐式通用选择符: 通用选择符有时是隐式的，不容易发现。
- 优化选择符: Id选择符应该是唯一的，所以没有必要添加额外的选择符。
参考资料