1.模板dom
就是字符串拼接性能
2.文檔碎片對象
優勢: 既不影響原有dom的屬性,也只回流一次。事件
3.字符串拼接 文檔
優勢:只進行了一次Dom迴流字符串
缺點:原有dom的事件都會丟失string
緣由:就在與innerHTML這個屬性,這個屬性是返回或設置Dom中的內容,以字符串形式返回,拼接完以後是string類型,而onmouse這些屬性是Dom元素對象身上的,因此這些onmouse系列的屬性就丟失了。模板
4.DOM循環class
優勢:原有的dom身上的事件不會丟失,不影響其餘dom循環
缺點:dom迴流次數過多,嚴重影響網頁性能。
事件委託:就是利用時間的冒泡機制,而不是全部的機制,如mouseleaver,mouseenter不能使用冒泡機制。