高效jquery的tips

1、緩存變量
dom遍歷是昂貴的,盡量把重用的變量緩存

2、避免全局變量
最好確保你的變量在函數(shù)作用域內(nèi)

3、使用匈牙利命名法
在變量前加$,便于識別出jQuery對象

4、使用var鏈
將多條var語句合并為一條

5、使用on
類似click()這樣的函數(shù)都可以用on('click',function(){})

6、精簡js
盡可能合并函數(shù)

7、鏈?zhǔn)讲僮?/p>

8、維持代碼的可讀性

9、選擇短路求值
短路求值是一個從左到右求值的表達(dá)式,用&&或者||

10、選擇捷徑
比如,if(aa.length > 0){...}
改成if(aa.length){}

11、繁重的操作中分離元素
detach()
先分離元素再添加

12、熟記技巧
找到更好更快的方法使用jquery

13、使用子查詢緩存的父元素
緩存父元素并在選擇子元素的時候重用這些緩存元素

14、避免通用選擇符

15、避免隱式通用選擇符
用選擇符性能不好

16、避免重復(fù)id選擇符
優(yōu)化選擇符

17、堅(jiān)持最新版本

18、利用cdn

19、必要時組合jquery和js原生代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,513評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,277評論 0 1
  • 轉(zhuǎn)載自 阮一峰 原文鏈接:http://www.ruanyifeng.com/blog/2011/08/jquer...
    Separes閱讀 315評論 0 2
  • 本文總結(jié)了代碼編寫技巧,來提升你的jQuery和javascript代碼。 好的代碼會帶來速度的提升??焖黉秩竞晚?..
    DaveWeiYong閱讀 677評論 0 1
  • 去錦江之星送明兒紅茶和山楂糖。明天她要回韓國了。 回來繼續(xù)審讀書稿。 看到一句話很好, “守拙勝于使巧,力求一心一意”。
    陋室文竹閱讀 153評論 0 0

友情鏈接更多精彩內(nèi)容