1、能放到DOM操作之外的操作就放到外面,DOM操作要儘量少.
2、大範圍操作先把容器隱藏,在其中操作完成後,再顯示
這是一個我剛接觸前端時遇到的一個優化辦法,當時很不理解爲什麼display=none之後操作就算是性能優化了.但是數據證明如此渲染確實快了很多,這個的原理要涉及到瀏覽器加載和渲染的原理,簡單說就是隱藏的元素其中不會產生reflow.這個例子我就不寫了,很簡單.
3、樣式操作不要注意修改屬性,直接替換class
4、用變量保存DOM對象而不是多次獲取,同時減少操作DOM屬性的次數