討論jQuery和javascript性能的文章並不罕見。然而,本文我計劃總結一些速度方面的技巧和我本人的一些建議,來提升你的jQuery和javascript代碼。好的代碼會帶來速度的提升。快速渲染和響應意味著更好的用戶體驗。
首先,在腦子裡牢牢記住jQuery就是javascript。這意味著我們應該采取相同的編碼慣例,風格指南和最佳實踐。
首先,如果你是一個javascript新手,我建議您閱讀 《JavaScript初學者的最佳實踐》 ,這是一篇高質量的javascript教程,接觸jQuery之前最好先閱讀。
當你准備使用jQuery,我強烈建議你遵循下面這些指南:
緩存變量
DOM遍歷是昂貴的,所以盡量將會重用的元素緩存。
// 糟糕
h = $('#element').height();
$('#element').css('height',h-20);
// 建議
$element = $('#element');
h = $element.height();
$element.css('height',h-20);