网页渲染

Posted lizi-1com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页渲染相关的知识,希望对你有一定的参考价值。

1.模板

  就是字符串拼接

2.文档碎片

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

3.字符串拼接 

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

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

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

4.DOM循环

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

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

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

 

 

以上是关于网页渲染的主要内容,如果未能解决你的问题,请参考以下文章

Chromium网页渲染机制简要介绍和学习计划

网页渲染过程

测量浏览器渲染网页消耗的电量

jupyter渲染网页的3种方式

如何在不实际渲染网页的情况下渲染 404?

由网页渲染提出的优化建议