中级 jQuery

核心提示： 最后，在总结 JavaScript，中级 jQuery(2)，尤其是 jQuery 的性能之后，我将确定一些能够改进 jQuery 代码性能的最佳实践，我使用的运行环境是 2.2 GHz 处理器、2 GB RAM 和 Firefox 3.0.3（非常重要），我在该配置下运行 5 次测试，充分利用

最后，在总结 JavaScript，尤其是 jQuery 的性能之后，我将确定一些能够改进 jQuery 代码性能的最佳实践，充分利用运行得最快的代码部分，而尽量避免运行得最慢的代码部分。在您阅读完本文之后，“jQuery 的性能好吗” 这个问题将得到解答，并且给我发送那封电子邮件的人也将知道他的断言是否正确。

创建性能测试

关于性能测试的第一步是创建一个合适的性能测试。jQuery 以及其他 JavaScript 库在代码中扮演的最重要角色就是使用选择查找特定页面元素。我在最初的性能测试中就以这方面为重点。一个良好的性能测试应该真正地发挥 JavaScript 库的全部力量，用包含数千个页面元素的页面测试它。应该运行所有选择方法，让我看到哪个选择方法最快，哪个最慢。测试应该事先知道正确的答案，从而确定 JavaScript 库是否正确地执行选择方法。最后，应该显示所有结果，并附带所用的运行时间，让我能够在所有库之间进行比较。

我差点忽略了性能测试的最重要方面：它应该是免费的。毕竟这个系列文章的不成文规则就是相互利用彼此的成果，因此我继续发扬这种精神，在此使用一个现成的 JavaScript 库性能测试。这个测试称为 SlickSpeed Selectors Test，它非常适合我的需求。它将 jQuery 1.2.6（撰写本文时的最新版本）与其他 4 个流行的 JavaScript 库（MooTools、Prototype、YUI 和 Dojo）进行比较。然后，它使用带有数千个页面元素的页面运行 40 个选择测试。换句话说，这是我所希望的最佳性能测试。我将在第一个性能测试分析中使用该测试。

对比 JavaScript 库的性能

对于第一个性能测试，我使用的运行环境是 2.2 GHz 处理器、2 GB RAM 和 Firefox 3.0.3（非常重要）。我在该配置下运行 5 次测试，图 1 显示了 5 次运行的平均结果。