1. 简单了解进程和线程的关系
- 一个进程可以包含多个线程
- 进程是cpu分配资源的最小单位,线程是cpu调度的最小单位
2. 浏览器运行时会创建相关进程(以谷歌浏览器为例)
- Browser进程:浏览器主进程,负责协调主控,浏览起打开时会创建这个进程。
○ 负责浏览器页面呈现,与用户交互,如前进后退。
○ 管理各个页面,负责创建,销毁其他进程(如tab页的创建和销毁)
○ 网络资源的管理,下载等。 - 第三方插件进程:每种类型插件只有一个进程,只有当插件运行时才创建
- GPU进程,最多创建一个,用于3d绘制
- 浏览器渲染进程renderer进程,内部是多线程的,也是每个标签页所拥有的进程,负责页面渲染,js执行,事件处理等
3. 浏览器打开一个标签页是进程还是线程?
- 浏览器的每一个tab相当于独立的一个进程。每一个tab页面都会创建一个renderer进程,一般几个空tab页已合并成一个renderer进程,以节省资源。
4. 打开一个web页,有哪些线程呢?
-
GUI线程
- 负责解析html,css构建dom树和renderObejct树,布局与绘制等
- 当界面重绘或一定操作引发回流时,该线程就会执行。
- js引擎和GUI线程时互斥的。当js引擎执行时GUI线程会被挂起,GUI更新会被保存在一个队列中等到js引擎空闲的时候立刻被执行。
-
js引擎线程
- js内核,负责处理js脚本
- js引擎一直等待着任务队列中任务的到来,然后加以处理。一个tab页中无论什么时候都只有一个js引擎在运行js。
- js引擎和GUI线程时互斥的。如果js引擎执行时间过长,可能会导致页面渲染加载阻塞
-
事件触发线程
- 归属浏览器而不是js引擎,用来控制事件循环
- 当js引擎执行代码块如setTimeout时,会将对应任务添加 事件线程中
- 当对应的事件复合触发条件被触发时。该线程会把事件添加到待处理队列的队尾,等待js引擎的处理;
-
定时器线程
- setInterval和setTimeout所在的线程
- 定时任务并不由js引擎执行计数,因为js引擎是单线程的,如果处于阻塞线程状态就会影响计时的准确性。所以通过单独线程来计时并触发(计时完毕后,添加到事件队列中,等待js引擎空闲后执行)
- 计时器的最小间隔是4ms
-
网络请求线程
- 异步http请求线程
- 在XMLHttpRequest连接后,通过浏览器开一个线程请求
- 在检测到状态变更时,如果设置回调函数,异步请求就产生状态变更事件,将这个回调再放入事件队列中,再由js引擎执行
题外话:js为什么是单线程的?
js的主要用途是用户操作dom。一个进程中线程之间资源共享,相互影响,如果js同时有两个线程,一个线程在某个dom节点上添加内容,另一个线程删除节点,这时这两个线程会有很大的冲突,为了避免这个冲突,决定了js只能是单线程,否则会带来很复杂的同步问题。