月薪20k+的答案!!ajax工作原理&&一个页面从输入url到呈现过程

80 阅读2分钟

话不多说,直接干货分享~~~

问:说说HTTP协议原理与组成?

答:

1,HTTP协议原理:网络传输协议

作用:规定前后端数据交换格式

2,HTTP协议组成:请求报文与响应报文

请求报文:前端发送数据格式

响应报文:后端响应数据格式

问:详细说说HTTP协议组成

答:

请求报文:三个部分组成

请求行:请求地址 + 请求方法

请求头:浏览器告诉服务器,我发你的数据是什么格式

请求体:请求的参数

Snipaste_2022-05-30_09-56-55.png

响应报文:三个部分组成

响应行:响应的状态码 + 服务器ip地址

响应头: 服务器告诉浏览器,我响应给你的数据是什么格式

响应体:响应的数据

Snipaste_2022-05-30_10-05-14.png

问:说出最少5种以上的响应状态码

答:

2xx(绿灯):请求成功

200:成功

204:用于post请求,预检请求

3xx(黄灯):重定向

302:重定向(服务器修改浏览器网址 )

4xx(红灯):前端问题

400:参数错误

401:未认证

403:没有权限

404:路径错误

413:文件超出 大小限制

5xx(红灯):后台问题

500:后台崩溃

问:ajax底层原理是什么

答: 发送请求报文

问:说说一个页面从输入url到呈现过程

答:分四步

1,DNS解析 :将域名解析成ip地址

2,TCP连接:保证HTTP传输的安全可靠

(1)前端 - 后端: 能听到我说话吗(验证前端收)

(2)后端 - 前端:我听到了,你能听到我说话吗 (验证后端 收+发 )

(3)前端 - 后端:我也能听到 你说话 (验证前端 收 )

Snipaste_2022-05-30_11-10-49.png

3,HTTP连接:请求,处理,响应

(1)浏览器发送请求

(2)服务器处理请求

(3)服务器 响应请求

4,服务器 响应 html,浏览器渲染

(1)解析 HTML解构,生成DOM树

(2)解析CSS样式,生成 样式树

(3)将DOM树 + 样式树 合并成 渲染 树

(4)渲染引擎绘制渲染树

(5)呈现页面