深入了解浏览器的工作原理

在前面 JavaScript 在浏览器中的执行机制-变量提升我们介绍了变量提升，了解了代码并不是完全按照顺序去执行。所以很多时候代码的运行顺序和我们的直觉并不一样，所以这是 JavaScript 的一

上文作为执行系列的第一篇重点介绍了 JavaScript 在浏览器执行时的变量提升。本篇主要介绍内容为调用栈。 在介绍调用栈之前需要先明确一个上文没有明确介绍的概念-执行上下文。

既然说到了 JavaScript，那么就会绕不过去执行上下文，只有理解了执行上下文才能更好的理解 JavaScript 本身，比如变量提升、栈溢出、作用域和闭包等。

上文中已经介绍了如何**DOM生成、样式计算、布局和分层**，剩下的内容将在本文介绍完成，让我们开始吧。

上文已经介绍了渲染流水线中的 DOM生成、样式计算和布局三个阶段，但是还有一个布局计算的尾巴，今天接着布局计算继续介绍流水线后面的阶段。

相信大家对于这个问题的八股文答案都倒背如流了，接下来两篇文章会带大家深入了解浏览器渲染流程的各个节点的实现。 通常我们写好的 HTML、CSS、JavaScript 等文件，经过浏览器的一系列处理漂亮