前端面试总结

1ajax，fetch和axios有什么区别

ajax是一种技术的统称，fetch是一种原生的API，axios是一个第三方库

fetch：浏览器原生API，用于网络请求

和XMLHttpRequest一个级别

Fetch语法更加简介， 易用，支持promise

Axios：最常用的网络请求lib，是一个第三方库

2.px，%，rem，em，vw，vh

px：绝对单位长度，代表一像素

%：相对于父元素的长或宽

rem：相对于根元素的font-size

em：相对于当前元素的font-size

vw：相对于屏幕宽度的1%

vh：相对于屏幕高的1%

vmin：取vw和vh之中的较小值

vmax：取vw和vh之中的较大值

3.箭头函数

缺点：1.箭头函数没有arguments 2.无法通过call，apply，bind来改变this

4.建立TCP连接

1.先建立连接（确保双方都有收发信息的能力）

2.再传输内容（比如发送一个get请求）

3.网络连接是TCP协议，传输内容是http协议

三次握手建立连接，为什么是三次：

1.client发送给server，server：client是可以发送的

2.server发送给client，client：server收到了我发送的消息，server是可以接收的，而且server还是可以发送的

3.client再次传给server，server：client收到了我发送的消息，client是可以接收的

四次挥手关闭连接，为什么是四次：

1.client发包，server接收  server：client已经请求结束

2.server发包，client接收   client：server已经收到  我等待它发完并且关闭

3.server发包，client接收   client：server已经发完并且可以关闭了

4.client发包，server接收   server：可以关闭了（然后关闭连接）

5.for ...in 和 for  ...of 有什么区别

for...in...遍历得到key

for...of...遍历得到value

for...in...用于可枚举数据，比如对象，数组，字符串

for...of...用于可迭代数据，比如数组，字符串，Map，Set