浏览器知识篇

从URL到页面

1.DNS 解析:将域名解析成 IP 地址

2.TCP 连接:TCP 三次握手

3.发送 HTTP 请求

4.服务器处理请求并返回 HTTP 报文

5.浏览器解析渲染页面,构建dom树,样式树,渲染树,layout布局,painting绘制

6.断开连接:TCP四次挥手

 

重绘和重排

重绘:当元素样式的改变不影响布局时,浏览器将使用重绘对元素进行更新;损耗较少

重排:当元素样式的改变影响布局时,如尺寸、位置、内容等属性,浏览器将使用重绘对元素进行更新;损耗较重

 

跨域处理

同源:指的是协议、域名、端口号一致

方案:

  1. JSONP
  2. 代理转发
  3. 跨域资源共享(CORS)
  4. Websocket:HTML5 规范提出的一个应用层的全双工协议,适用于浏览器与服务器进行实时通信场景。

 

浏览器渲染引擎

分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)

 

存储

短暂性存储

cookie: 通常用于存储用户身份,登录状态等 http 中自动携带, 体积上限为 4K, 可自行设置过期时间

localStorage / sessionStorage: 长久储存/窗口关闭删除, 体积限制为 4~5M

indexDB

持久性存储

分布式缓存 redis

数据库

 

HTTP

三次握手,四次挥手防止报文丢失

缓存:强缓存、协商缓存

状态码:

1xx:指示信息--表示请求已接收,继续处理。

2xx:成功--表示请求已被成功接收、理解、接受。

3xx:重定向--要完成请求必须进行更进一步的操作。

4xx:客户端错误--请求有语法错误或请求无法实现。

5xx:服务器端错误--服务器未能实现合法的请求。

猜你喜欢

转载自blog.csdn.net/baidu_38798835/article/details/108475186