0
点赞
收藏
分享

微信扫一扫

关于浏览器渲染页面的过程

苦茶如歌 2022-03-26 阅读 81
前端

浏览器渲染页面的整个过程:浏览器会从上到下解析文档。

  1. 遇见HTML标记,调用HTML解析器解析为对用的token(一个token就是一个标签文本的序列化)并构建DOM树(就是一块内存,保存着token)
  2. 遇见style/link标记,调用解析器,处理CSS标记并构建CSS样式树
  3. 遇见script标记,调用JavaScript解析器,处理script标记,绑定事件、修改DOM树/CSS树等
  4. 将DOM树与CSS树合并成一个渲染树
  5. 根据渲染树来渲染,以计算每个节点的几何信息(这一过程需要依赖图形库)
  6. 将各个节点绘制到屏幕上
举报

相关推荐

0 条评论