【问题标题】:jQuery OptimizationsjQuery 优化
【发布时间】:2010-03-15 20:16:43
【问题描述】:

我刚刚结束了一个大型开发项目。我们的时间紧迫,所以很多优化都被“推迟”了。现在我们已经赶上了最后期限,我们将返回并尝试优化。

我的问题是:在优化 jQuery 网站时,您需要寻找哪些最重要的东西。或者,我很想听听对优化 jQuery 有特别好的建议的网站/列表。

我已经阅读了几篇文章,http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx 读起来特别好。

【问题讨论】:

  • “25 个优秀技巧”网站 +1
  • 我发现最好的优化是遵循 id > element name > class name 选择器优先级。如果可能,尽可能使用 id,否则使用和元素,否则使用类。 #my_id 优于 div.my_class 优于 .myclass
  • @CrazyJugglerDrummer 愚蠢的问题,但你怎么能这么快找到这样的东西。我在 jquery 优化上进行了搜索,但没有找到适合几页的任何东西。
  • @aepheus 对于这个我搜索了 jquery 优化并按投票排序,认为这将是一个足够受欢迎的话题,不会被埋得太深(最终成为第 7 个问题)。查看同义词(例如性能)有时也会有所帮助。 :D

标签: jquery optimization


【解决方案1】:

@aepheus,这里是另一个站点供参考:www.artzstudio.com/2009

查看#8 消除查询浪费。 hth

【讨论】:

    【解决方案2】:

    大多数情况下,我会查看重复自身的选择器。大多数情况下,这些选择器可以保存到变量中并反复使用,例如:

    $('.some_class').doSomthing();
    $('.some_class').doSomethingElse();
    

    可以变成:

    selectedItems = $('.some_class');
    selectedItems.doSomething(); selectedItems.doSomethingElse();
    

    这样选择器会遍历 DOM 一次...然后您可以继续将变量用作 jquery 对象,因为每个 jquery 方法都返回 jquery 对象。

    只是众多提示中的一个......

    【讨论】:

    • 或进入$('.some_class').doSomething().doSomethingElse()。一开始可能看起来很尴尬,但这是一个非常有用的功能。
    • 是的,你当然是对的 - 但它并不总是适用于所有情况......大部分情况下都可以,但在某些最终情况下,您可能需要单独操作
    • 虽然这样的事情会显着帮助减少开销(进行一次选择器调用而不是两次)我猜想在许多情况下更改为 $('td.some_class') 会比链接会。
    • 当然.. 我的 2 美分是关于节省选择两次 - 而不是优化选择器本身;这是一个完全属于自己的主题(在其他提供的链接中进行了深入介绍)。
    猜你喜欢
    • 2012-06-23
    • 1970-01-01
    • 1970-01-01
    • 2011-08-01
    • 2011-10-01
    • 2011-12-18
    • 2011-12-13
    • 1970-01-01
    相关资源
    最近更新 更多