前端工程师手册

jQuery代码技巧

一些优化性能的技巧

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

参考资料