浏览器的进程与线程
关于浏览器的进程与线程,不知道有没有和我一样傻傻分不清楚的,看的文章也不少,但总是缺少一个机会吧这些概念串联起来。直到最近需要在公司做一个技术分享,才狠下心来决定非把它弄懂不可。自己也算是有了一些小收获,在这里分享出来,也当成是一个再次总结的过程ヾ(◍°∇°◍)ノ゙。
1.浏览器是多进程的
1.1基本概念
关于进程与线程的基本概念,这里不做过多解释,可以参考阮老师的进程与线程的一个简单解释;可大致理解为,一个进程包含一至多个线程,进程的内存空间可以被改进程内的线程共享;
1.2浏览器的进程有哪些
打开你的浏览器的任务管理器,你看到的每一项都是一个浏览器进程,在下图中,红色的是我页面打开的三个标签页,其他进程则是由浏览器管理的一些其他进程。
总的来说,浏览器的进程可以被分为以下几类:
- Browser进程
浏览的的主进程,负责创建/销毁其他进程 - 第三方插件进程
负责管理第三方插件 - GPU进程
GPU进程的启动时机是由browser进程,负责图形、视频的渲染加速 - 浏览器渲染进程
- 负责渲染浏览器界面
- GUI 渲染线程与 JS 引擎线程是互斥的(这就是为什么当页面中的js代码片段运行一段死循环时,页面会被卡住,无法执行、相应任何操作)
2.关于浏览器渲染进程
作为一个前端,最值得我们关注的当然是浏览器渲染进程了。因为这个进程内负责了,决定页面渲染的执行时机、JS 的解析执行、事件的循环控制。
2.1浏览器渲染进程包含的线程有哪些?
如图所示,浏览器的渲染进程主要包含 GUI渲染线程
、Js引擎线程
、事件触发线程
、定时器线程
、异步http请求线程等线程
,其中GUI线程和Js引擎线程是互斥的,即当页面执行Js代码的时候,页面是会停止渲染更新的,反过来也是同样的道理。而我们常说的JS是单线程这句话里面的js
就是指我们上面提到的**Js引擎线程
**。
到这里可以思考一下,当某个片段代码运行时间很长(比如http请求)的时候,由于Js是单线程的,所以是会阻塞后续代码的执行的,Js是怎样解决这个问题的呢?
这里就引入了Js里面拎一个重要的概念,事件循环。