浏览器渲染页面

1、浏览器解析HTML源码，然后创建一个DOM树。

　  在DOM树中，每一个HTML标签都有一个对应的节点，而且每一个文本也都有一个对应的文本节点。DOM树的根节点就是documentElement，对应的是html标签。

2、浏览器解析CSS代码，计算出最终的样式数据。

3、构造出DOM树，计算出样式后，下一步就是构建一个渲染树，渲染树和DOM树有点像，DOM树完全和HTML标签一一对应，但是渲染树会忽略掉不需要渲染的元素。

4、一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面绘制到屏幕上

 

posted on   zhishiyv  阅读(46)  评论(0)  编辑  收藏  举报

（评论功能已被禁用）
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 因为Apifox不支持离线，我果断选择了Apipost！
· 通过 API 将Deepseek响应流式内容输出到前端

导航

统计

点击右上角即可分享
微信分享提示
AI IDE Trae