浏览器是如何渲染 UI 的?
1. 浏览器解析 HTML,形成 DOM Tree
2. 解析 HTML 过程中遇到 CSS,则进行 CSS 解析,生成 Style Rules
3. 将 DOM Tree 与 Style Rules 合成为 Render Tree
4. 进入布局(Layout)阶段,为每个节点分配一个应出现在屏幕上的确切坐标
5. 随后调用 GPU 进行绘制(Paint),遍历 Render Tree 的节点,并将元素呈现出来
原创文章,作者:czhdawn,如若转载,请注明出处:https://www.czhdawn.cn/archives/5012