浏览器渲染流程

由于渲染机制过于复杂,所以渲染模块在执行过程中会被划分为很多子阶段,输入的 HTML 经过这些子阶段,最后输出像素。我们把这样的一个处理流程叫做渲染流水线,其大致流程如下图所示:

Image.png

🐼按照渲染的时间顺序,流水线可分为如下几个子阶段:

  1. 构建 DOM 树
  2. 样式计算
  3. 布局阶段
  4. 分层
  5. 绘制
  6. 分块
  7. 光栅化
  8. 合成。

我们可以把渲染流水线当作一个车间流水线,我们只关注输入输出,中间的处理当作黑盒即可;不去关注过程

数据包是如何完整的发送到应用程序

把数据包送达目的主机

数据包要在互联网上进行传输,就要符合网际协议(Internet Protocol,简称 IP)标准。计算机的地址就称为 IP 地址,访问任何网站实际上只是你的计算机向另外一台计算机请求信息。互联网上不同的在线设备都有唯一的地址,相当于我们的身份证号,有且仅有一个。

如果要想把一个数据包从主机 A 发送给主机 B,那么需要携带一下信息:

  • 主机 B 的 IP 地址信息
  • 主机 A 本身的 IP 地址

浏览器的进程和线程

什么是并行处理

在了解进程和线程之前,先来看一下什么是并行处理;

计算机中的并行处理就是同一时刻处理多个任务,比如我们要计算下面这两个表达式的值,并显示出结果

1
2
A = 1+2
B = 2+3

在编写代码的时候,我们可以把这个过程拆分为三个任务:

  • 任务 1 是计算 A=1+2;
  • 任务 2 是计算 B=2+3;
  • 任务 3 是显示最后计算的结果;

:D 一言句子获取中...