道招
《浏览器工作原理与实践》笔记之JavaScript是如何支持块级作用域的
你已经知道 JavaScript 引擎是通过变量环境实现函数级作用域的,那么 ES6 又是如何在函数级作用域的基础之上,实现对块级作用域的支持呢? function foo(){ var a = 1 let b = 2 { let b = 3 var c = 4 let d = 5 console.log(a)
《浏览器工作原理与实践》笔记之CSS、JS阻塞DOM合成场景分析
当从服务器接收HTML页面的第一批数据时,DOM解析器就开始工作了。 我们先看第一种情况在解析过程中,如果遇到了JS脚本,如下所示: <html> <body> 极客时间 <script> document.write("--foo") </script> </body&g
《浏览器工作原理与实践》笔记之渲染流程
由于渲染机制过于复杂,所以渲染模块在执行过程中会被划分为很多子阶段,输入的 HTML 经过这些子阶段,最后输出像素。我们把这样的一个处理流程叫做渲染流水线,其大致流程如下图所示: 按照渲染的时间顺序,流水线可分为如下几个子阶段:构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。 构建DOM树 为什么要构建 DOM 树呢?这是因为浏览器无法直接理解和使用 HTM
关注道招网公众帐号
道招开发者二群