1、jQuery對象緩存
如果同一進制素被查找多次時,就應該将該jQuery對象緩存起來,不然每次查找都要周遊整個文檔。
使用下邊的代碼做個簡單的測試
用Chrome浏覽器按F12打開控制台檢視結果:(注:console.time在Chrome和Firefox浏覽器好用,IE不行)
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauUjYjRzYmV2NkVWMyEGN1YjZ0MjZidDNlNmYwM2NwkjYfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.jpg)
性能還是差很多的~
2、根據一個數組快速拼一個字元串
假如我們有如下這樣的一個數組
最原始的辦法(我就是這麼寫的,以後改進)
用jQuery的$.each來周遊
最後用join的方法
上面三種寫法輸出的結果都是一樣的,但最後一種寫法從代碼量上還是比較占優勢。而且經過測試第二種寫法和第三種寫法,在數組中的資料非常多的情況下,第三種寫法的速度要快50%以上,但資料少的情況下速度沒有分區。
3、正整使用on給元素綁定事件
我要給如下代碼的表格單元格綁定一個單擊事件
一般随手會寫成下邊的樣子
如果隻有一個td這麼寫沒問題,要是有100個td的話那這麼寫的性能就非常的差,比較好的寫法如下
經測試在有100個td的情況下兩者性能相差7倍之多。