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

Question

我们都见过这样做的人:

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 引擎的时间。

我知道这个问题似乎不符合什么是公认的问题，但我要问“什么是最常见的公认浪费？”

Answer 1

我对此感到内疚。基本上只在 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();
   }