jQuery – 改进性能/代码

我刚开始使用jQuery,我一直在寻找一些关于如何提高代码速度/性能的资源。 我想知道是否有人有任何可能帮助我的提示或资源。

谢谢,

BEV

我有一些关于这个主题的书签,希望他们会帮助你满足你的需求。 (主题范围从简单到高级)

jQuery性能规则主题包括:

  1. 总是从#id下降
  2. 在课前使用标签
  3. 缓存jQuery对象
  4. 利用链接的力量
  5. 使用子查询
  6. 限制直接DOM操作
  7. 利用事件委派(又称冒泡)
  8. 消除查询浪费
  9. 推迟到$(window).load
  10. 压缩你的JS
  11. 学习图书馆

jQuery性能和优化提示主题包括:

  1. 保持最新! 您使用的是过时的方法和技术吗?
  2. 上下文感知jQuery代码执行 – 您是否正在加载不需要的代码?
  3. jQueryunit testing
  4. 对您的jQuery代码进行基准测试
  5. 使用一个压缩的主JS文件将下载时间降至最低。
  6. 背景与 找
  7. Window.load一路上。
  8. 在使用JavaScript和jQuery之间取得平衡

jQuery性能调优技巧 – 保罗爱尔兰主题包括:

  1. 优化Sizzle“从右到左”模式的选择器
  2. 使用live()而不是click()
  3. 在玩它们的同时从元素中拉出元素
  4. 使用find()而不是context
  5. 使用HTML 5
  6. 样式化15个或更多元素时附加样式标记
  7. 使用Google Page Speed测试选择器
  8. 即使jQuery没有抛出错误,也要使用对象检测
  9. 使用直接function而不是方便function
  10. 学习鲜为人知的方法

使用大型数据集改进jQuery性能主题包括:

  1. 使用JavaScript native for()循环而不是jQuery的$ .each()帮助器
    function。
  2. 不要在循环中将元素追加到DOM中。
  3. 如果要将大量元素插入到DOM中,请将它们包围起来
    使用父元素以获得更好的性能。
  4. 不要使用字符串连接,而是使用数组的join()方法来处理非常长的字符串。
  5. 使用setTimeout()函数进行长列表循环和连接
    function。

希望这些足以让您开始踏上jQuery性能天堂之旅。