jQuery - 提高性能/代码

Question

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

谢谢，

贝弗

Answer 1

我在这个主题上收藏了一些网站，希望它们能帮助您解决您的需要。 （主题范围从简单到高级）

jQuery Performance Rules 主题包括：

1. 始终从 #id 下降
2. 在类之前使用标签
3. 缓存 jQuery 对象
4. 利用链接的力量
5. 使用子查询
6. 限制直接 DOM 操作
7. 利用事件委托（又名冒泡）
8. 消除查询浪费
9. 遵循 $(window).load
10. 压缩你的 JS
11. 了解图书馆

jQuery Performance and Optimization Tips 主题包括：

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

jQuery Performance Tuning Tips - Paul Irish 主题包括：

1. 为 Sizzle 的“从右到左”模型优化选择器
2. 使用 live() 而不是 click()
3. 在玩的时候从 DOM 中拉出元素
4. 使用 find() 而不是上下文
5. 使用 HTML 5
6. 为 15 个或更多元素设置样式时附加样式标签
7. 使用 Google Page Speed 测试选择器
8. 即使 jQuery 不抛出错误也使用对象检测
9. 使用直接函数而不是方便的对应函数
10. 了解鲜为人知的方法

Improving jQuery Performance with Large Data Sets 主题包括：

1. 使用 JavaScript 原生 for() 循环代替 jQuery 的 $.each() 帮助器
   功能。
2. 不要在循环中将元素附加到 DOM。
3. 如果您有很多元素要插入到 DOM 中，请将它们包围
   与父元素更好 表现。
4. 不要使用字符串连接，而是使用数组的 join() 方法 很长的琴弦。
5. 使用 setTimeout() 函数进行长列表循环和连接
   功能。

希望这些足以让您踏上通往 jQuery 性能天堂的旅程。