在讨论浏览器的返回和重新启动之前,我们必须首先知道浏览器的渲染过程(即浏览器如何在浏览器页面上看到的内容),我们了解浏览器。重新绘制并返回,否则您可能在阅读云后仍会感觉到云(╯﹏╰)。让我们开始学习--- ?(?^o^?)?
打开网页时浏览器做了什么?请参阅下图
从图中,我们可以理解浏览器渲染过程如下:
为了构建渲染树,浏览器已完成以下工作:
现在提到可见节点,必须没有可见的节点。那么什么是可见的节点?什么是隐形节点?在这里,我将简短地向您解释。
我们看到的节点基本上是可见的节点。所有不见的节点都是可见的节点。
注意:可见性和不透明度隐藏的隐藏节点仍将显示在渲染树上。仅显示:不会在渲染树上显示任何节点。
返回也称为重建和聚会
概念:当渲染树中的零件(或全部)由于大小,布局,隐藏布局和隐藏的变化而重新构造时,将其称为返回。
tipe:至少每页需要一个页面,当第一次加载页面时,它肯定会返回背景,因为要构造渲染树
触发条件:树木部分的大小,布局,隐藏等都发生了变化,并且对DOM树进行了重新施用以重新租赁流程。
概念:当渲染树中元素样式的变化不会影响其在文档流中的位置(不影响布局),例如...等,浏览器将向元素和重新绘制。此过程称为过程。
换句话说,重新介绍是将渲染树节点转换为屏幕上的实际像素,这不涉及re -layout阶段的位置和大小。将重新贴上的台词跳过了生成布局的阶段树和图层建造树直接生成图纸列表,然后继续执行一系列操作,例如块和生成位。
可以理解的是,回报将确定
了解回报的回报和返回后,您可以理解重新启动并返回到背景会影响浏览器的性能。那么如何避免在我们的实际发展中呢?我在这里提出以下建议:
1.限制返回范围
2.避免经常使用样式,但使用该方法修改类
3.对调整大小,滚动等进行阻力和th动疗法。
4.避免使用表布局,可能会非常好的变化,以引起整个表的重新划分
原始:https://juejin.cn/post/709833715425373901