浏览器是如何渲染页面的
1.根据html文件构建DOM和cssom树,如果遇到js,阻塞DOMhecssom,优先加载js
加载完js,再去构建DOM和cssom
2.构建渲染树,DOM和cssom合并而成,计算每个页面元素,最终渲染到页面
3.页面重绘和回流(重排),页面渲染完毕后,浏览器会根据js操作DOM元素,对页面进行重绘或重排
4.补充:在渲染过程中,如果遇到js,将会优先执行js
cssom(css object model)数据传输和浏览器渲染通道 交互的一种技术
【浏览器是如何渲染页面的】css选择器构造成树形结构,css样式对象化
cssom:
(1)model 描述样式标准和规则的 link ref=stylesheet
(2)view 和元素相关的api部分 link href="https://www.it610.com/article/style.css"
DOM树的构建过程:
(1)通过网络获取节流和字符
(2)分词,获取语法序列
(3)得到节点
(4)根据节点序列,构建DOM树
css样式 cssom依赖DOM
递归为每一个DOM节点,向下添加样式 向下级联
推荐阅读
- 明道云如何实现银行内部评级管理
- 云原生时代如何用 Prometheus 实现性能压测可观测-Metrics 篇
- 2022年AppCode最新破解教程
- 网络设置计算机,终于理解如何初始化计算机网络设置
- Koa2从零到脚手架
- NFT是什么
- Java|Java序列化和反序化
- php|一文读懂什么是元宇宙（）
- python|Python这么火，能干什么（这四大主要用途是你必须得知道的！）
- 一文读懂什么是元宇宙，元宇宙使用技术