谈到前端浏览器这块,我们就不得不提到浏览器进程。每一个程序的运行都需要有他自己的内存空间,这块内存空间可以简单的理解为进程。
举个栗子
可以看上面草图,我们把表格里面的整个区域当做内存空间,里面每一个程序用都有各自的所属色块(进程);每一个应用至少有一个进程,进程之间相互独立,即使要通讯,也需要双方同意。
那么线程呢?
有了进程后,就可以运行程序的代码了。
运行代码的【人】称之为【线程】。
一个进程至少有一个线程,所以在进程开启后会自动创建个线程来运行代码,该线程称之为主线程。如果程序需要执行同时执行多块代码,主线程就会启动更多线程来执行代码,所以一个进程中可以包含多个线程。
回到正题,我们用的浏览器有那些进程和线程呢?
浏览器是一个多进程多线程的应用程序
浏览器内部工作极其复杂
为了避免相互影响,为了减少连环崩溃的几率,当启动浏览器后,他会自动启动多个进程。
浏览器最主要的进程有:
1、浏览器进程
主要负责界面显示、用户交互、子进程管理等。浏览器进程内部会启动多个线程处理不同的任务。
2、网络进程
负责加载网络资源,网络进程内部会启动多个线程来处理不同的网络任务。
3、渲染进程
渲染进程启动后,会开启一个渲染主线程,主线程负责执行HTML、CSS、JS代码。
默认情况下,浏览器会为每个标签页开启一个新的渲染进程,以保证不同的标签页之间不互相影响。
tips: 技术在进步,将来默认模式可能会有所改变,可以参考chrome官方说明文档
知识点: 浏览器进程处理标签页,一个站点一个进程
关于浏览器,本次重点讨论渲染进程
渲染主进程是如何工作的?
我们都知道渲染主线程是浏览器中最繁忙的线程,需要他处理的任务包括但不限于:
1、解析HTML
2、解析CSS
3、计算样式
4、布局
5、处理图层
6、每秒把页面画60次
7、执行全局JS代码
8、执行事件处理函数
9、执行计时器的回调函数
等等。。。
写到这里,我们可以思考一下,这么多任务,主线程如果调度任务?
答案就是:。。。排队。。。
如图所示,渲染主线程每次只执行一个任务,其它任务挨个排队执行,进进出去完活。
看到这里,有人要问,如果代码在执行过程中遇到无法立即处理的任务怎么办,比如计时器,网络通讯,用户操作什么的,一直等着他执行不就卡死了吗
这个东西就涉及到了异步
我们就以常用的技师任务举一个例子,主线程在计时任务开始后,会开辟一个计时线程,把计时放到计时线程中,等计时结束生成一个任务再放到队列中重新排队,这样使用异步的方式,渲染主线程就永远不会阻塞。
つづく......