DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> 高效jquery之緩存變量提高速度
高效jquery之緩存變量提高速度
編輯:JQuery常見問題     
討論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);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved