文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
jQuery代码技巧
一些优化性能的技巧
- 缓存变量
- 避免全局变量
- 使用匈牙利命名法
- 使用 Var 链(单 Var 模式)
- 请使用On方法注册事件
- 合并同一个对象上的多次操作,比如修改样式
- 链式操作
- 维持代码的可读性
- 选择短路求值,
&&
和||
- 选择捷径
- 繁重的操作中分离元素: 如果你打算对DOM元素做大量操作(连续设置多个属性或css样式),建议首先分离元素然后在添加。
- 熟记技巧, 比如:
$.data('#id', key, value)
比$('#id').data(key, value)
高效 - 使用子查询缓存的父元素: DOM遍历是一项昂贵的操作。典型做法是缓存父元素并在选择子元素时重用这些缓存元素。
- 避免通用选择符: 将通用选择符放到后代选择符中,性能非常糟糕。
- 避免隐式通用选择符: 通用选择符有时是隐式的,不容易发现。
- 优化选择符: Id选择符应该是唯一的,所以没有必要添加额外的选择符。
参考资料
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论