网页渲染

1.模板

  就是字符串拼接

2.文档碎片

  优点: 既不影响原有dom的属性,也只回流一次。

3.字符串拼接 

  优点:只进行了一次Dom回流

  缺点:原有dom的事件都会丢失

  原因:就在与innerHTML这个属性,这个属性是返回或设置Dom中的内容,以字符串形式返回,拼接完之后是string类型,而onmouse这些属性是Dom元素对象身上的,所以这些onmouse系列的属性就丢失了。

4.DOM循环

  优点:原有的dom身上的事件不会丢失,不影响其他dom

  缺点:dom回流次数过多,严重影响网页性能。

事件委托:就是利用时间的冒泡机制,而不是所有的机制,如mouseleaver,mouseenter不能使用冒泡机制。

 

 

原文地址:https://www.cnblogs.com/lizi-1com/p/10530134.html