天天看點

幾種提高jQuery性能的代碼

1、jQuery對象緩存

如果同一進制素被查找多次時,就應該将該jQuery對象緩存起來,不然每次查找都要周遊整個文檔。

使用下邊的代碼做個簡單的測試

用Chrome浏覽器按F12打開控制台檢視結果:(注:console.time在Chrome和Firefox浏覽器好用,IE不行)

幾種提高jQuery性能的代碼

性能還是差很多的~

2、根據一個數組快速拼一個字元串

假如我們有如下這樣的一個數組

最原始的辦法(我就是這麼寫的,以後改進)

用jQuery的$.each來周遊

最後用join的方法

上面三種寫法輸出的結果都是一樣的,但最後一種寫法從代碼量上還是比較占優勢。而且經過測試第二種寫法和第三種寫法,在數組中的資料非常多的情況下,第三種寫法的速度要快50%以上,但資料少的情況下速度沒有分區。

3、正整使用on給元素綁定事件

我要給如下代碼的表格單元格綁定一個單擊事件

一般随手會寫成下邊的樣子

如果隻有一個td這麼寫沒問題,要是有100個td的話那這麼寫的性能就非常的差,比較好的寫法如下

經測試在有100個td的情況下兩者性能相差7倍之多。

繼續閱讀