浏览器相关

宏任务与微任务 由于浏览器的应用领域越来越广泛，消息队列中这种粗时间颗粒度的任务已经不能满足需求了 所以现在又出现了一种新的技术——微任务 宏任务 在之前，我们页面中的大部分任务都是在主线程上执行的，

XMLHttpRequest如何实现 在XMLHttpRequest出现之前，服务器数据如果有更新，就要重新刷新整个页面 而XMLHttpRequest出现之后，既可以通过XMLHttpRequest

SetTimeout如何实现 浏览器如何实现setTimeout 在上一节中，我们的事件循环系统是通过消息队列的顺序来执行的 将任务放到消息队列之后，事件循环系统就会按照消息队列中的顺序来执行任务 但

消息队列和事件循环 使用单线程处理安排好的任务 一开始，我们是通过把所有任务按照顺序写进主线程，线程执行时，这些任务就按照顺序在线程中依次执行 所有任务执行完成之后，线程会自动退出 在线程处理过程中处

栈空间和堆空间 JS是什么类型的语言 在声明变量之前需要先定义变量类型，这种在使用之前就需要确认其变量数据类型的语言称为静态语言 这种类型的语言有C语言 而JS是动态语言，指的是在运行过程中需要检查数

this JS中的this是什么 this是和执行上下文绑定的，也就是说每个执行上下文都有一个this 执行上下文主要分为三种——全局执行上下文、函数执行上下文、eval执行上下文 所以**this也

作用域链和闭包 我们先来看一段代码 根据我们之前学过的知识，现在我们可以通过上下文来分析代码的执行流程了，其调用栈的状态图如下： 现在全局执行上下文和foo函数的执行上下文中都有变量myName，那么

块级作用域 作用域 作用域指在程序中定义变量的区域，该位置决定了变量的生命周期，也就是说，作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期 ES6之前，有两种作用域：全局作

调用栈 在前面，我们讲到一段代码被执行时，JS引擎会对其进行编译，并创建执行上下文，那么什么样的代码才符合规范呢？ 一般有三种情况，会创建执行上下文： 当JavaScript执行全局代码的时候，会编译

变量提升 在这一节中，我们来讨论一个问题：JS代码是按顺序执行的吗 这段代码的输出是什么？ 这与我们的预期可能有点出入，接下来我们来介绍一下这个过程 变量提升 我们先来看JS中的声明和赋值 对于上面的

渲染流程（下） 上一节中，我们了解了渲染流水线中的DOM生成，样式计算、布局三个阶段 这一节，我们深入了解一下其他的流程 分层 现在我们虽然已经有了布局树了，而且每个元素的具体位置都计算出来了，但是还

渲染流程（上） 我们已经明白导航相关的内容了，现在我们来解决上一节留下的问题，渲染阶段具体会做什么 也就是说，我们来了解一下HTML、CSS、JS怎么转化成页面 由于渲染过程过于复杂，所以渲染模块在执

导航流程 这一节的问题就是：从输入URL到页面展示这中间发生了什么？ 从输入URL到页面展示完整流程示意图： 可以看出，这是由几个进程相互配合才能完成的工作： 浏览器进程：主要负责用户交互、子进程管理

Http请求 TCP连接过程包括了建立连接、传输数据、断开连接三个阶段 HTTP协议是建立在TCP连接基础之上的 HTTP是一种允许浏览器向服务器获取资源的协议，通常由浏览器发起请求，获取不同类型的文

TCP协议 衡量页面性能的一个重要指标叫FP，是指从页面加载到首次开始绘制的时长，这个指标直接影响了用户的跳出率，更快的页面响应意味着更多的PV、更高的参与度，以及更高的转化率 这个指标的一个重要影响

Chrome架构 提出问题：仅仅打开一个页面，为什么有4个进程 进程和线程 理解进程线程之前，需要先了解一下并行处理