jquery效能優化原則

2021-06-03 07:09:27 字數 627 閱讀 7700

1、盡量使用id選擇器,其次tag選擇器,批量選擇,從最近的先輩元素的id寫起 eg:$(" #id input.on")

2、將jquery物件快取起來(可以在變數前加$區分),或運用鏈式操作,不要重複選取

3、限制dom操作函式呼叫次數,盡量將串拼好,一次呼叫html()加入

4、事件盡量不要用迴圈繫結,可以繫結父元素,然後通過事件函式引數e確定具體的觸發元素

$('#mytable td').click(function());  

改進方式:   

$('#mytable').click(function(e) );  

5、少用$(document).ready();推遲到$(window).load();可以減少頁面載入時間和cpu占用

6、壓縮js檔案

7、盡量用id代替class

8、給選擇器乙個上下文 如 $(".mydiv");改進為$('.mydiv' , $('#myid')); --個人認為可以直接從id選起

9、慎用live()事件繫結方法,手動寫點**代替

10、在只獲取子元素的時候,盡量用子選擇器,而不是後代選擇器,eg:$('#id p') 改為 $('#id>p')

11、用data()方法儲存臨時變數

jquery效能優化原則

1 盡量使用id選擇器,其次tag選擇器,批量選擇,從最近的先輩元素的id寫起 eg id input.on 2 將jquery物件快取起來 可以在變數前加 區分 或運用鏈式操作,不要重複選取 3 限制dom操作函式呼叫次數,盡量將串拼好,一次呼叫html 加入 4 事件盡量不要用迴圈繫結,可以繫結...

前端效能優化原則

規則01 儘量減少http請求 1.合併css sprites 規則02 使用內容發布網路 cdn的使用 cdn的全稱是content delivery network,即內容分發網路。其目的是通過在現有的internet中增加一層新的網路架構,將 的內容發布到最接近使用者的網路 邊緣 使使用者可以...

jQuery效能優化指南

這個話題也是老生常談的了,jquery倒是沒少用,卻很少考慮它的效能!隨著cpu的嗷嗷上揚,覺得應該好好考慮這個問題!最近讀到e文 jquery performance rules 拿來跟大家分享,粗略的翻譯了一下!1 always descend from an id 總是從id選擇器開始繼承 2...