01-浏览器与网络知识点总结

1、什么是HTTP

• HTTP是超文本运输协议，用于在浏览器和网站服务器之间传递信息。
• 它是以明文方式发送内容的，不提供数据加密。
• 它是无连接的，限制每次连接只处理一个请求。
• 它是无状态的，无法根据之前的状态进行本次的请求处理。
   

2、什么是HTTPS

• HTTPS是HTTP协议的安全版本，使用了SSL/TLS协议进行了加密处理，相对更安全。
• HTTP 默认端口是80 ，而 HTTPS 默认端口是443。

 

3、HTTP的报文格式

（1）请求报文

• 请求行：请求方法、URL、HTTP版本信息
• 请求头
• 空行
• 请求体

（2）响应报文

• 状态行：HTTP版本、状态码、状态码文本
• 响应头
• 空行
• 响应体

 

4、HTTP的常见状态码

 

5、不同类型的请求

 

6、TCP的三次握手和四次挥手

 

 

 

7、地址栏输入 URL 敲下回车后发生了什么

• 参考网站：https://mp.weixin.qq.com/s/pb2Qk0dEsowFnPPUIXV4Qg

（1）URL解析

• 首先判断输入的是一个合法的URL ，还是一个待搜索的关键词，并且根据输入的内容进行对应操作。

（2）DNS查询

• 获取到域名对应的目标服务器IP地址。

（3）TCP连接

• 三次握手建立TCP连接。

（4）HTTP请求

• 浏览器发送 http 请求到目标服务器。

（5）响应请求

• 服务器接收到浏览器的请求之后，进行逻辑操作，处理完成之后返回一个HTTP响应。
• 响应完，当页面关闭之后，TCP经过四次挥手断开连接。

（6）页面渲染

• 浏览器接收到服务器响应的资源后，首先会对资源进行解析，根据不同的资源类型采用不同的解析方式。
• 解析 HTML，构建 DOM 树；
• 解析 CSS ，生成 CSS 规则树；
• 合并 DOM 树和 CSS 规则，生成 render 树；
• 布局 render 树（ Layout / reflow ），负责各元素尺寸、位置的计算；
• 绘制 render 树（ paint ），绘制页面像素信息；
• 浏览器将各层的信息发送给 GPU，GPU 将各层合成（ composite ），显示在屏幕上；

 

8、重绘和重排是什么

• 重绘（repaint）：渲染树节点发生改变，但不影响该节点在页面当中的空间位置及大小。

• 重排（reflow）：也称回流，当渲染树节点发生改变，影响了节点的几何属性，导致节点位置发生变化，此时触发浏览器重排，需要重新生成渲染树。