2021-05-12 14:32:11
如何編寫高效jQuery程式碼
2019-12-12 20:58:49
jQuery開源庫的出現,方便了我們的使用,但是畢竟是一個基於javascript的庫,不能取代原生的速度,如何加快程式碼的速度這是一個優化點。
1
原生方法可以使用的場合 ,盡量少用jQuery
2
jQuery方法都有兩個版本,一個是供jQuery物件使用,另一個是供jQuery函數使用。由於後面的不通過jQuery物件操作,所以相對佔用較小,速度比較快。
3
查詢DOM元素實際上有不小的記憶體開銷,使用選擇器的次數應該越少越好,並且盡可能快取選中的結果,便於以後反復使用。記住,永遠不要讓相同的選擇器出現多次。
4
如果要多次改動DOM結構,就先把要改動的部分先取出來,改動完成後再放回去。這裡的基本思想是在記憶體中建立你確實想要的東西,最後做一次最有效的更新DOM操作。
5
jQuery程式碼中不免夾雜有JS程式碼,規定好的命名規則能更好的提高程式碼的閱讀性。
遵循駱駝命名法,首字母小寫,單詞首字母大寫,盡量短而且明確表達方法的用意。
相關文章