浏览器的进程和线程

1. 简单了解进程和线程的关系

• 一个进程可以包含多个线程
• 进程是cpu分配资源的最小单位，线程是cpu调度的最小单位

2. 浏览器运行时会创建相关进程（以谷歌浏览器为例）

• Browser进程：浏览器主进程，负责协调主控，浏览起打开时会创建这个进程。
  ○ 负责浏览器页面呈现，与用户交互，如前进后退。
  ○ 管理各个页面，负责创建，销毁其他进程（如tab页的创建和销毁）
  ○ 网络资源的管理，下载等。
• 第三方插件进程：每种类型插件只有一个进程，只有当插件运行时才创建
• GPU进程，最多创建一个，用于3d绘制
• 浏览器渲染进程renderer进程，内部是多线程的，也是每个标签页所拥有的进程，负责页面渲染，js执行，事件处理等

3. 浏览器打开一个标签页是进程还是线程？

• 浏览器的每一个tab相当于独立的一个进程。每一个tab页面都会创建一个renderer进程，一般几个空tab页已合并成一个renderer进程，以节省资源。

4. 打开一个web页，有哪些线程呢？

• GUI线程

  1. 负责解析html，css构建dom树和renderObejct树，布局与绘制等
  2. 当界面重绘或一定操作引发回流时，该线程就会执行。
  3. js引擎和GUI线程时互斥的。当js引擎执行时GUI线程会被挂起，GUI更新会被保存在一个队列中等到js引擎空闲的时候立刻被执行。

• js引擎线程

  1. js内核，负责处理js脚本
  2. js引擎一直等待着任务队列中任务的到来，然后加以处理。一个tab页中无论什么时候都只有一个js引擎在运行js。
  3. js引擎和GUI线程时互斥的。如果js引擎执行时间过长，可能会导致页面渲染加载阻塞

• 事件触发线程

  1. 归属浏览器而不是js引擎，用来控制事件循环
  2. 当js引擎执行代码块如setTimeout时，会将对应任务添加 事件线程中
  3. 当对应的事件复合触发条件被触发时。该线程会把事件添加到待处理队列的队尾，等待js引擎的处理；

• 定时器线程

  1. setInterval和setTimeout所在的线程
  2. 定时任务并不由js引擎执行计数，因为js引擎是单线程的，如果处于阻塞线程状态就会影响计时的准确性。所以通过单独线程来计时并触发（计时完毕后，添加到事件队列中，等待js引擎空闲后执行）
  3. 计时器的最小间隔是4ms

• 网络请求线程

  1. 异步http请求线程
  2. 在XMLHttpRequest连接后，通过浏览器开一个线程请求
  3. 在检测到状态变更时，如果设置回调函数，异步请求就产生状态变更事件，将这个回调再放入事件队列中，再由js引擎执行

  题外话：js为什么是单线程的？

  js的主要用途是用户操作dom。一个进程中线程之间资源共享，相互影响，如果js同时有两个线程，一个线程在某个dom节点上添加内容，另一个线程删除节点，这时这两个线程会有很大的冲突，为了避免这个冲突，决定了js只能是单线程，否则会带来很复杂的同步问题。