一、Dom操作

1.使用fragment批量處理dom元素然后添加到頁面中

2.在進行dom操作前隱藏dom元素 操作完畢后 進行顯示 這樣僅只重繪兩次

3.把需要進行dom操作的元素克隆進行處理然后替換頁面上的元素 僅進行一次重繪渲染

var old=document.querySeletor(class)

var clone=old.cloneNode(true);

old.parentNode.replace(clone,old);

進行獲取dom屬性時 如果存在復用 切記進行緩存 不要重復的獲取某個元素的屬性

二、Dom動畫

給有動畫效果的元素設定絕對定位脫離文檔流，

避免頁面頻繁重繪 動畫僅影響自身重繪渲染

三、優化連續獲取Dom布局信息操作

當獲取元素的布局信息時頁面會強制重新渲染，

但是瀏覽器會優化連續的dom操作，

所以當需要獲取大量的dom布局信息或者進行大量的dom操作時，

盡可能的把獲取布局信息代碼提前放在一起，便可只進行一次重排

四、使用事件委托

如果給大量元素綁定了事件則會占用比較大內存，

導致開銷比較巨大，則建議給每個父元素綁定事件，

通過事件冒泡的形式給子元素委托事件