- A+
所属分类:Web前端
客户端和服务器
客户端与服务器的通信
互联网:错综复杂的网络,比如每个快递车走的路.
TCP/IP:定义数据如何传输的通信协议,比如快递的包装,发货规则.
DNS:域名系统服务器,输入一个网址时,找到网页的服务器,才能发送 HTTP 请求到正确的地方。(域名->IP),比如发货地址.
HTTP:超文本传输协议是一个定义客户端和服务器间交流的语言的协议.比如收取快递时的暗号.
组成文件:一个网页由许多文件组成,就是收到的快递.包含:代码(HTML CSS JS)和资源(img 等).
浏览器里输入一个网址时发生以下步骤
- 查找浏览器缓存(强缓存和协商缓存),网络进程会先看看是否存在本地缓存,如果有就直接返回资源给浏览器进程.
- 浏览器在域名系统(DNS)服务器上找出存放网页的服务器的实际地址(IP 地址)
- 浏览器通过 TCP/IP 协议,三次握手发送 HTTP 请求信息到服务器请求拷贝一份网页到客户端。
- 服务器响应请求,会返回一个“200 OK”信息,然后开始将网页的文件以数据包的形式传输到浏览器。
- 浏览器接收文件后进行解析渲染。
- 浏览器首先解析 HTML 文件,并从中识别出所有的 link 和 script 元素,获取外部文件的链接。
- 浏览器根据外部文件的链接向服务器发送请求,获取并解析 CSS 和 JavaScript 脚本文件。
- 接着浏览器会给解析后的 HTML 文件生成 DOM 树(在内存中),会给解析 CSS 回流与重绘生成一个 CSS DOM 树(在内存中),并且会编译和执行解析后的 JS。
- 绘制出网页;用户看到网页界面也就可以跟网页进行交互了。
参考 ?