网页渲染

Posted 2021-02-13 lizi-1com

1.模板

　　就是字符串拼接

2.文档碎片

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

3.字符串拼接　

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

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

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

4.DOM循环

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

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

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