什么是进程？
每个正在运行的程序都是一个进程，每个应用至少有一个进程，每个进程都是一个独立的空间，如果进程之间需要通信数据，则需要借助操作系统提供的进程间通信（IPC）机制来通信。
什么是线程？
线程是进程中的一个执行单元，可以理解为一个执行空间。一个进程至少有一个线程去运行代码，如果需要同时执行多块代码，则需要启动更多线程。
浏览器有哪些进程和线程？
浏览器是多进程多线程的应用
- 浏览器进程
管理用户界面、维护浏览器控制栏、处理用户输入、打开窗口、加载和管理网页等。 - 网络进程
负责加载网络资源。 - 渲染进程
一个标签页一个渲染进程（进程之间是隔离的）。渲染进程启动后，会开启一个渲染主线程。主线程负责执行HTML、CSS、JS代码。
如何理解JS的异步？
JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。渲染主线程承担着诸多工作，渲染页面，执行JS等。 如果使用同步的方式，就可能导致主线程产生阻塞，从而导致消息队列的。
浏览器是如何渲染页面的
当浏览器的网络进程收到HTML文档后，会产生一个渲染任务，会传递给渲染主线程的消息队列，在事件循环的机制下，渲染主线程取出渲染任务，并执行。
-
解析HTML
解析过程中遇到CSS解析CSS，遇到JS解析JS，为了提高效率，浏览器开始解析前，会启动一个预解析的线程，率先下载HTML中的外部CSS文件和外部的JS文件。- 主线程解析到Link位置时，主线程不会等待。这是因为下载和解析CSS是在预线程中进行。所以CSS解析不会阻塞HTML解析。
- 主线程解析到script位置时，会停止解析，等待JS执行完成，才会继续解析HTML，这是因为JS代码可能会修改DOM节点，所以DOM树的生成必须暂停。
最终会得到DOM树和CSSOM树。
-
样式计算
在这一步中，很多预设值会变成绝对值，例如red会变成rgb(255,0,0)，比如em会变成px。
这一步完成后，会得到带有样式的dom树。 -
布局
布局阶段会依次遍历dom树的每一个节点，生成布局树。但他们不是一一对应的关系，例如dom树有元素为display:none，就不会生成到布局树。例如伪元素选择器，虽然dom树不存在这些伪元素节点，但是布局树会存在。 -
绘制
将布局树转换为屏幕上的像素，实现页面的绘制。在绘制时，浏览器遍历布局树，将每个节点绘制到屏幕上，同时为每个节点生成图形和颜色信息。
什么是reflow（回流）？
reflow的本质是重新绘制layout树，主要是修改了几何信息，例如修改宽度，修改字体大小，删除dom元素等等。
为了避免连续多次操作导致布局树反复计算，浏览器会合并这些操作。所以改动属性造成的reflo是异步的，例如通过JS修改元素的宽度。
什么是repaint（重绘）？
当改变了可见样式后，例如修改文字颜色等，就会产生重绘，由于元素的布局信息也属于可见样式，所以回流一定会导致重绘。
网友评论