浏览器:一个浏览器是如何工作的?(阶段四)


我们书接上文。浏览器进行到这一步,我们已经给 DOM 元素添加了用于展现的 CSS 属性,接下来,浏览器的工作就是确定每一个元素的位置了。我们的基本原则仍然不变,就是尽可能流式地处理上一步骤的输出。


浏览器:一个浏览器是如何工作的?(阶段五)


我们的浏览器系列已经进行到最后一篇。

浏览器:一个浏览器是如何工作的?(阶段二)


我在上一篇文章中,简要介绍了浏览器的工作大致可以分为 6 个阶段,我们昨天讲完了第一个阶段,也就是通讯的部分:浏览器使用 HTTP 协议或者 HTTPS 协议,向服务端请求页面的过程。

浏览器:一个浏览器是如何工作的?(阶段一)


对于前端开发来说,我们平时与浏览器打交道的时间是最多的。可浏览器对前端同学来说更多像一个神秘黑盒子的存在。我们仅仅知道它能做什么,而不知道它是如何做到的。

浏览器:一个浏览器是如何工作的?(阶段三)


前面讲了浏览器的 DOM 构建过程,但是这个构建的 DOM,实际上信息是不全的,它只有节点和属性,不包含任何的样式信息。
我们这一节课就来讲讲:浏览器是如何把 CSS 规则应用到节点上,
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×