網頁渲染

1.模板dom

  就是字符串拼接性能

2.文檔碎片對象

  優勢: 既不影響原有dom的屬性,也只回流一次。事件

3.字符串拼接 文檔

  優勢:只進行了一次Dom迴流字符串

  缺點:原有dom的事件都會丟失string

  緣由:就在與innerHTML這個屬性,這個屬性是返回或設置Dom中的內容,以字符串形式返回,拼接完以後是string類型,而onmouse這些屬性是Dom元素對象身上的,因此這些onmouse系列的屬性就丟失了。模板

4.DOM循環class

  優勢:原有的dom身上的事件不會丟失,不影響其餘dom循環

  缺點:dom迴流次數過多,嚴重影響網頁性能。

事件委託:就是利用時間的冒泡機制,而不是全部的機制,如mouseleaver,mouseenter不能使用冒泡機制。

相關文章
相關標籤/搜索