文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript中最常见的计算能力浪费是什么？

问Javascript中最常见的计算能力浪费是什么？
EN

Stack Overflow用户

提问于 2010-12-21 12:46:06

回答 5查看 215关注 0票数 5

我们都见过这样做的人：

jQuery('a').each(function(){
    jQuery(this)[0].innerHTML += ' proccessed';
});

function letsPoluteNS() {
    polute = '';
    for (morePolution = 0; morePolution < arguments.length; morePolution++)
        polute.join(arguments[morePolution]);
    return polute;
}

诸若此类。我想知道人们见过的最常见的JavaScript/jQuery技术是什么，它会降低页面速度和/或浪费JavaScript引擎的时间。

我知道这个问题可能看起来不适合什么是公认的问题，但我问的是“最常见的公认浪费是什么？”

javascript

jquery

performance

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-12-21 12:50:21

我对此感到内疚。在jQuery选择器中，基本上只使用元素的类。而不是将类选择器与元素标记名相结合。

<div></div>
<div class="hide"></div>
<div class="show"></div>
<div class="hide"></div>
<div class="hide again"></div>

$(".hide").hide();

而不是更快

$("div.hide").hide()

这也是低效的，许多人不使用选择器的上下文参数

$( selector, [ context ] )

   $("#mydiv").click(function () {
      $("#mydiv span").show();
   }

它可以像这样更好地处理：

   $("#mydiv").click(function () {
      $("span", this).show();
   }

票数 3

Stack Overflow用户

发布于 2010-12-21 12:48:49

任何与跟踪用户和大量宣传有关的事情。这肯定是浪费的空间。

我猜在非常复杂的html中错误地使用像使用类而不是id作为选择器这样的东西会减慢速度。当然还有ie。

票数 1

Stack Overflow用户

发布于 2010-12-21 13:01:03

您还将看到以下内容：

$('#this').find('a').doSomeThing();

知道什么更有效率吗？一个涵盖两者的选择器将为您提供更好的服务。

$('#this a').doSomeThing();

这似乎很明显，但你会一直看到它。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4496361

复制

相似问题

问Javascript中最常见的计算能力浪费是什么？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript中最常见的计算能力浪费是什么？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript中最常见的计算能力浪费是什么？
EN