如何優(yōu)化jQuery性能?下面本篇文章給大家介紹一些針對 jQuery性能 的優(yōu)化方法,希望對大家有所幫助!
前端(vue)入門到精通課程,老師在線輔導(dǎo):聯(lián)系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點擊使用
我一直在尋找有關(guān)jQuery性能優(yōu)化方面的小竅門,能讓我那臃腫的動態(tài)網(wǎng)頁應(yīng)用變得輕便些。找了很多文章后,我決定將最好最常用的一些優(yōu)化性能的建議列出來?!就扑]學(xué)習(xí):jQuery視頻教程】
一、選擇器性能優(yōu)化建議
1、總是從#id
選擇器來繼承
這是jQuery選擇器的一條黃金法則。jQuery選擇一個元素最快的方法就是用ID來選擇了。
2、在class前面使用tag
jQuery中第二快的選擇器就是tag選擇器(如$(‘head’)),因為它和直接來自于原生的Javascript方法getElementByTagName()。所以最好總是用tag來修飾class(并且不要忘了就近的ID)
jQuery中class選擇器是最慢的,因為在IE 瀏覽器 下它會遍歷所有的DOM節(jié)點。盡量避免使用class選擇器。也不要用tag來修飾ID。
3、使用子查詢
將父對象緩存起來以備將來的使用
4、優(yōu)化選擇器以適用Sizzle的“從右至左”模型
自版本1.3之后,jQuery采用了Sizzle庫,與之前的版本在選擇器引擎上的表現(xiàn)形式有很大的不同。它用“從左至右”的模型代替了“從右至左”的模型。
5、采用find(),而不使用上下文查找
find()函數(shù)的確快些。但是如果一個頁面有許多DOM節(jié)點時,需要來回查找時,可能需要