文章目录
前言
一、前后端交互流程
1.了解服务器：
服务器就是提供某种服务的机器例如：
qq音乐：音频服务器
迅雷：文件服务器
qq邮箱：邮件服务器
爱奇艺：视频服务器
谷歌：web服务器
2.了解前端访问服务器的几种方式
（1）直接在地址栏输入网址
（2）a标签的href属性
（3）location.href=‘url’
（4）AJAX（网页不会跳转）
*以上三种网页会跳转且全局会刷新
3.了解什么是ajax
（1）ajax技术：在网他也不跳转的情况下向服务器请求书记
（2）ajax应用场景：局部刷新
4.前后端交互的三个流程
（1）请求（前端）
（2）处理（后端）
（3）响应（后端）
*献上宝图一张
二、ajsx工作原理
ajax工作原理分三部分：
1.ajax工作流程
（1）首先创建一个xhr对象 ： let xhr =new XMLHttpRequest()
*(xhr 为XMLHttpRequest的缩写 俗称小黄人 这样比较好记)
（2）设置请求方法和地址
xhr.open（‘请求方法’，‘请求地址’）
（3）发送请求
xhr’.send（）
（4）注册响应的事件
xhr.οnlοad=function(）{}
2.xhr对象的请求状态码
0：请i驱魔初始化（open之前）
1：服务器连接已建立（open之后）
2：请求已接收（服务器已经收到你的请求）
3：请求处理中（服务器正在处理你的请求）
4：请求已完成，且相应已就绪（服务器完成响应，onload事件就是在这里执行）
3.ajax组成部分
三、http工作原理（阶段常见的面试点）
1.数据请求get和post的区别
(1) 传参方式不同：
get请求直接在url传参 ‘url?key=value’
post请求体传参 xhr.send(‘key=value’)
xhr.setReauestHeader(‘Content-type’,‘application/x-www-form-urlencoded’)
(2)数据大小不同
*get有大小限制，一把2-5mb
*post没有大小限制（文件上传）
(3)传输速度不同
*get传输速度快
*post传输速度慢
(4)安全性不同
*get安全性低
*post安全性高（登录、注册必须是post请求）
2.put与patch区别
*put：全局更新
*patch：局部更新
3.HTTP原理：网络传输协议
（1）发送请求>请求报文：
- 请求行 ：请求地址+请求方法
- 请求头 ：浏览器高三服务器，发给你的数据是什么格式
- 请求体 ：请求参数
（2）响应请求：响应报文
- 响应状态码 ：服务器状态码
- 响应头 ：服务器告诉浏览器，发给你的数据是什么格式
- 响应体 ： 响应数据
4.发送ajax原理：发送请求报文
5.网页从输入url到渲染的流程
-
DNS解析 ： 郁闷解析成IP
-
TCP三次握手 ： 保证数据传输的安全+可靠
-
HTTP连接
请求
处理
响应 -
渲染inquiries渲染返回HTML文件
6函数防抖和节流
（1）防抖：
单位时间内，频繁出发事件。以最后一次为准
响应：输入框输入事件
流程：
（2）节流：
单位时间内内，频繁触发事件。只触发一次
应用：解决高频事件（滚动条事件）
流程：
总结
提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
