目前浏览器主要有5个进程:(单进程「不稳定、不安全」时代到多进程时代)
浏览器进程:主要负责界面显示、用户交互、子进程管理,同时提供存储等功能
渲染进程:核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页,每个tab页都有一个渲染进程
网络进程:主要负责页面的网络资源加载
插件进程:主要是负责插件的运行,因插件易崩溃,所以需要通过插件进程来隔离,以保证插件进程崩溃不会对浏览器和页面造成影响。
GPU进程:GPU 的使用初衷是为了实现 3D CSS 的效果
进程和线程
线程是不能单独存在的,它是由进程来启动和管理的,一个进程就是一个程序的运行实例
进程中的线程可以共享进程中的数据
进程与进程之间是隔离的
进程中的任意一线程执行出错,都会导致整个进程的崩溃
网络:应用层、传输层、网络层、数据链路层、物理层
TCP/IP
互联网上不同的在线设备都有唯一的地址,也就是IP地址
UDP vs TCP
TCP: 面向连接,可靠的传输层协议,在收发数据前,必须和对方建立可靠的连接
UDP: 面向非连接,不可靠的传输层协议,不必与对方建立连接,存在丢包现象
TCP 三次握手,四次挥手
建立三次连接是因为要确保通信双方都具有收发能力(建立连接、传输数据、断开连接)
断开四次是因为保证发送发已经发送完成,接收方也接收完成
HTTP
HTTP 协议是建立在 TCP 连接基础之上的。HTTP 是一种允许浏览器向服务器获取资源的协议,是 Web 的基础
通常由浏览器发起请求,用来获取不同类型的文件,例如 HTML 文件、CSS 文件、JavaScript 文件、图片、视频等。此外,HTTP 也是浏览器使用最广的协议
请求行: GET /index.html HTTP/1.1
请求头: 浏览器的一些基础信息告诉服务器。比如包含了浏览器所使用的操作系统、浏览器内核等信息,以及当前请求的域名信息、浏览器端的 Cookie 信息,等等
请求体: 请求参数
响应行: HTTP/1.1 200 OK
响应头: 服务器自身的一些信息,比如服务器生成返回数据的时间、返回的数据类型(JSON、HTML、流媒体等类型),以及服务器要在客户端保存的 Cookie 等信息
响应体: 响应数据
从输入URL到页面展示,这中间发生了什么
- 首先会对url进行解析,分析出要使用的协议与请求路径等
- 浏览器会判断请求的资源是否在缓存中,如果缓存没有失效,就直接使用
- 浏览器通过DNS域名解析到服务IP
- 浏览器通过TCP协议建立到服务器的TCP连接(三次握手),如果已经有6个连接,需要等待
- 浏览器向服务器发送HTTP协议包,请求服务器资源
- 服务器向浏览器发送HTTP协议应答包
- 浏览器根据请求的资源类型开始解析处理请求的资源
- 最后就是TCP断开连接的过程,如果设置了keep-alive就不会断开
渲染: 构建DOM树、计算styleSheet表、构建布局树、渲染…