Chất thải điện toán phổ biến nhất trong Javascript là gì?

Question

Tất cả chúng ta đều thấy những người làm việc này:

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; 
} 

v.v. Tôi đã tự hỏi những gì mọi người đã thấy kỹ thuật JavaScript/jQuery phổ biến nhất đang làm chậm trang và/hoặc lãng phí thời gian cho công cụ JavaScript.

Tôi biết rằng câu hỏi này có vẻ không phù hợp với câu hỏi được chấp nhận, nhưng tôi hỏi "chất thải được chấp nhận phổ biến nhất là gì?"

Answer 1

Tôi cảm thấy tội lỗi về điều này. Về cơ bản chỉ sử dụng lớp của phần tử trong bộ chọn jQuery. Thay vì kết hợp bộ chọn lớp với tên thẻ phần tử.

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

---

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

Thay vì nhanh hơn

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

---

---

Ngoài này không hiệu quả, nhiều người không tận dụng các tham số bối cảnh cho bộ chọn

$(selector, [ context ])

---

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

Mà có thể được xử lý tốt hơn như thế này:

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

Answer 2

Mọi thứ liên quan đến việc theo dõi người dùng và công khai nặng. Thats không gian lãng phí cho chắc chắn.

Tôi đoán việc sử dụng sai các công cụ như sử dụng các lớp thay vì id như bộ chọn trong html rất phức tạp sẽ làm chậm điều xuống. Và ie tất nhiên.

Answer 3

Gọi $ .animate animate yếu tố nên làm những điều chậm lại.

Answer 4

Bạn cũng sẽ thấy điều này:

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

Biết là rất nhiều hiệu quả hơn? Một bộ chọn bao gồm cả hai máy chủ sẽ phục vụ bạn tốt hơn ...

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

Có vẻ như hiển nhiên, nhưng bạn sẽ luôn thấy nó.

Answer 5

không khai báo vars của bạn khỏi getgo để chúng được lưu trữ, không sử dụng bao đóng và lặp lại số x cùng chức năng/cuộc gọi/v.v nhưng chỉ thay đổi id hoặc lớp cho từng, sử dụng eval().