浏览器事件循环(一)

谈到前端浏览器这块,我们就不得不提到浏览器进程。每一个程序的运行都需要有他自己的内存空间,这块内存空间可以简单的理解为进程。
举个栗子


图示1.jpg

可以看上面草图,我们把表格里面的整个区域当做内存空间,里面每一个程序用都有各自的所属色块(进程);每一个应用至少有一个进程,进程之间相互独立,即使要通讯,也需要双方同意。

那么线程呢?

有了进程后,就可以运行程序的代码了。
运行代码的【人】称之为【线程】。
一个进程至少有一个线程,所以在进程开启后会自动创建个线程来运行代码,该线程称之为主线程。如果程序需要执行同时执行多块代码,主线程就会启动更多线程来执行代码,所以一个进程中可以包含多个线程。

回到正题,我们用的浏览器有那些进程和线程呢?

浏览器是一个多进程多线程的应用程序
浏览器内部工作极其复杂
为了避免相互影响,为了减少连环崩溃的几率,当启动浏览器后,他会自动启动多个进程。
浏览器最主要的进程有:
1、浏览器进程
主要负责界面显示、用户交互、子进程管理等。浏览器进程内部会启动多个线程处理不同的任务。
2、网络进程
负责加载网络资源,网络进程内部会启动多个线程来处理不同的网络任务。
3、渲染进程
渲染进程启动后,会开启一个渲染主线程,主线程负责执行HTML、CSS、JS代码。
默认情况下,浏览器会为每个标签页开启一个新的渲染进程,以保证不同的标签页之间不互相影响。
tips: 技术在进步,将来默认模式可能会有所改变,可以参考chrome官方说明文档

知识点: 浏览器进程处理标签页,一个站点一个进程

关于浏览器,本次重点讨论渲染进程

渲染主进程是如何工作的?

我们都知道渲染主线程是浏览器中最繁忙的线程,需要他处理的任务包括但不限于:
1、解析HTML
2、解析CSS
3、计算样式
4、布局
5、处理图层
6、每秒把页面画60次
7、执行全局JS代码
8、执行事件处理函数
9、执行计时器的回调函数
等等。。。

写到这里,我们可以思考一下,这么多任务,主线程如果调度任务?

答案就是:。。。排队。。。


图例2.png

如图所示,渲染主线程每次只执行一个任务,其它任务挨个排队执行,进进出去完活。

看到这里,有人要问,如果代码在执行过程中遇到无法立即处理的任务怎么办,比如计时器,网络通讯,用户操作什么的,一直等着他执行不就卡死了吗

这个东西就涉及到了异步
我们就以常用的技师任务举一个例子,主线程在计时任务开始后,会开辟一个计时线程,把计时放到计时线程中,等计时结束生成一个任务再放到队列中重新排队,这样使用异步的方式,渲染主线程就永远不会阻塞。

つづく......

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容