返回介绍

jQuery代码技巧

发布于 2024-06-02 22:07:05 字数 3060 浏览 0 评论 0 收藏 0

一些优化性能的技巧

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

参考资料

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文