简述浏览器渲染机制

图片.png
  1. 解析 HTML 标签, 构建 DOM 树
  2. 解析 CSS 标签, 构建 CSSOM 树 3. 把 DOM 和 CSSOM 组合成 渲染树 (render tree)
  3. 在渲染树的基础上进行布局, 计算每个节点的几何结构
  4. 把每个节点绘制到屏幕上 (painting)
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简述浏览器渲染机制
    互联网不断高速发展的今天，使用浏览器浏览页面几乎已经变成日常必做事项了，那么你了解浏览器是怎么把一堆枯燥的代码变成...
    抱着熊喵啃什么阅读 386评论 0赞 0
  • 聊聊浏览器的渲染机制
    本文中浏览器特指Chrome浏览器 开始之前说说几个概念，以及在准备写这篇文章之前对浏览器的渲染机制的了解： DO...
    若邪Y阅读 3,545评论 1赞 10
  • 前端必读:浏览器内部工作原理
    转载说明 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入g...
    17碎那年阅读 2,470评论 0赞 22
  • 浏览器是如何工作的？（工作原理）
    简介浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工 作原理，我们将看到，从你在地址栏输入google.c...
    听风阁阅读 3,313评论 0赞 7
  • [译]浏览器如何工作
    1. 介绍 浏览器可能是最广泛使用的软件。本书将介绍浏览器的工作原理。我们将看到，当你在地址栏中输入google....
    康斌阅读 2,060评论 7赞 18