大家好，我是梅巴哥er。 又是继续学习的一天。
1，问：计算机网络TCP和UDP的区别
答：
- UDP用户数据报协议，TCP传输控制协议。
连接状态：TCP面向连接，UDP无连接。TCP是单对单传输数据，UDP适合多波发布可靠性：TCP利用握手、确认和重传机制，提供了可靠性保证。UDP可能会丢失，不保证数据发送成功有序性：TCP利用序列号，保证了消息的顺序交付。UDP的数据包是相互独立的，不具备有序性。速度：UDP更快量级：TCP属于重量级，UDP属于轻量级。
2，问：TCP连接和释放过程（即三次握手和四次挥手）
答：
-
三次握手：
- 客户端向服务器发送连接请求，
- 服务器确认收到请求，并向客户端返回应答，
- 客户端确认收到应答，并向服务器发送确认报文，服务器确认收到报文。建立连接。
-
四次挥手：
- 客户端向服务器发送请求释放连接的报文
- 服务器确认收到客户端的关闭请求，服务器进入半关闭状态，并向客户端返回确认报文
- 服务器做好释放连接准备，再次向客户端发送报文，并停止了向客户端发送数据，只能接收客户端发送的数据
- 客户端确认收到报文，确认服务器做好了释放连接准备，停止等待，关闭连接，并向服务器发送报文。服务器确认收到报文，关闭连接。
3，问：栈和队列的区别
答：
- 栈和队列，都是一种线性存储结构。
- 栈是单端口的，只能在一端操作，所以数据的存取都遵循“先进后出”的规则。理解举例：如点击页面A的连接，进入到B页面，点击B页面的连接，再进入到C页面。如果想回到A页面，就要先从C回退到B，再从B回退到A。
- 队列是双端口的，可以在两段操作，所以数据的存取可以做到“先进先出”。理解举例：常见的排队买东西就是队列类型的。
4，问：http， https， http2.0的演变过程和特性
答：
-
http特性：- 基于TCP/IP，可靠传输
- 支持客户端/服务器模式，即一个发请求，一个返回响应
- 简单、快速、灵活：客户端向服务器发送请求时，只需发送请求方式和路径即可。http允许传输任意类型的数据对象。
- 无状态：每个请求之间都是独立的
- 无连接：每次连接只处理一个请求
- 明文通信
-
http2.0特性：- 头部压缩
- 二进制格式
- 多路复用
- 服务器推送
- 请求优先级
-
https特性- 内容加密
- 验证身份
- 保护数据的完整性
5，问：手机扫码登陆怎么实现
答：
6，问：轮询，长轮询，websocket
答：
-
轮询：- 客户端向服务器发送请求，客户端获取数据，更新页面数据。页面加载后触发定时器，每隔一段时间，再次向服务器发送请求。
-
长轮询：- 客户端向服务器发送请求，客户端收到获取到数据后，更新页面数据，然后马上再发一次请求，看下有没有新的数据。递归执行。页面加载时，再次向服务器发送请求，看下有没有数据更新
-
websocket：- 持续连接，双向数据传输。服务器有数据更新时，就把数据发送给客户端，客户端收到新数据后，更新页面数据。
7，js计算精度丢失问题及解决
console.log((0.1 + 0.2) === 0.3) // false
console.log((0.2 + 0.3) === 0.5) // true
// 解决
// 先变成整数，计算完成后再变回小数
console.log((0.1*10 + 0.2*10)/10 === 0.3) // true
8，问：怎么阻止事件冒泡
答：
e.stopPropagation()
9，问：js基本数据类型
答：
string, number, boolean, null, undefined, symbol
10，问：XSS和CSRF攻防
答：
-
XSS： 跨站脚本攻击
- 攻击： 不需要用户登陆，在页面输入代码，向页面注入脚本，完成破坏操作。
- 反射型攻击：XSS代码出现在url中，作为输入发送给服务器，服务器收到后，再把响应内容和XSS代码一起返回给客户端，客户端收到后解析执行XSS代码，完成攻击。
- 存储型攻击：XSS代码会被存储到服务器，不需要在客户端重复提交XSS代码
- 防御：对用户输入数据进行编码、过滤和校正。
-
CSRF：跨站请求伪造
- 攻击：网站A的用户登陆网站A，并生成了cookie信息。随后用户又通过A网站访问了危险网站B。危险网站B携带用户A的cookie信息向网站A发请求，网站A不能确定这个请求是危险网站B发出的，还是用户A发出的，网站A识别了cookie，所以同意了请求，然后危险网站B就可以模拟用户A对网站进行操作。
- 防御：使用token，把token隐藏了http的head头中，使用Referer验证，核实请求来源，如果不是本站的请求，就拒绝。
11，问：js为什么是单线程的
答：
- 单线程：同时只做一件事，做完一件事后，再做另一件事。
- 作为单线程的脚本语言，js的主要用途是与用户互动和操作DOM。如果js是多线程，会面临许多问题。比如两个线程上，一个线程对该节点添加内容，另一个线程同时又删除了这个节点，在执行上就容易出现问题。而js的单线程特性，不需要考虑抢占资源等问题，恰恰提高了执行效率。
12，问：js数组方法中，哪些方法是改变原数组的，哪些不会
答：
- 增删、反转、排序。可以改变原数组。其他的不会。
13，问：foreach和map有什么区别，分别在什么情况下使用
答：
- map有返回值，返回的是一个新数组。
- forEach没有返回值
14，问：js原型链
答：
-
回答方向：
- 为啥会有原型这个概念
- 原型链图
15， 手撕代码：输出一个字符串中，第一个不重复的字符。如果没有不重复的字符，就输出-1
var arr = []
for(var i = 0; i < str.length; i++) {
var str1 = str.slice(0, i) + str.slice(i+1)
arr.push(str1.indexOf(str[i]))
}
arr.indexOf(-1) === -1 ? console.log(-1) : console.log(str[arr.indexOf(-1)])
16， 问：介绍一下七层网络模型，以及每一层都有哪些协议
答：
OSI:
- 物理层：EIA/TIA-232, EIA/TIA-499, V.35, V.24, RJ45, Ethernet, 802.3, 802.5, FDDI, NRZI, NRZ, B8ZS
- 数据链路层：Frame Relay, HDLC, PPP, IEEE 802.3/802.2, FDDI, ATM, IEEE 802.5/802.2
- 网络层：IP，IPX，AppleTalk DDP
- 传输层：TCP，UDP，SPX
- 会话层：RPC,SQL,NFS,NetBIOS,names,AppleTalk,ASP,DECnet,SCP
- 表示层:TIFF,GIF,JPEG,PICT,ASCII,EBCDIC,encryption,MPEG,MIDI,HTML
- 应用层：FTP,WWW,Telnet,NFS,SMTP,Gateway,SNMP
17，问：diff算法
答：
- diff算法：即差异查找算法
- 传统diff算法：计算两棵树的差异的时间复杂度是O(n³)，计算成本过高
- React的diff算法：跨层级移动操作特别少，可以忽略不计。通过比较同层级的DOM节点，优化diff算法，计算两棵树的差异的时间复杂度是O(n)
18，问：map数组的时候，给标签里加key有什么作用
答：
- 不加key时，创建一个新标签，会把前面的标签都删除，然后重新创建一遍所有标签
- 加key后，创建一个新标签，不会操作前面的标签，而是单纯的添加新创建的标签。
19，问：react数据初始化应该在哪个生命周期，为什么
答：
constructor()
20，问：网址输入到渲染的全过程
答：
- DNS解析
- 先看缓存里有没有需要的资源，如果有，就直接从缓存里拿
- 如果没有，客户端就和服务器建立连接
- 客户端向服务器发送请求，获取html、css、js等资源
- 浏览器解析并渲染页面，然后断开连接。
以上。