去哪儿旅行校招前端一面45min

45min 八股+项目+手撕

1.讲一个项目里面的难点
2.ES6的新特性
getCashInfo(extParam = {}){
const {orderBaseDetailData = {}, quserInfo = {}, isLogin12306}= this.viewstate
const {orderBaseResult = {}}= orderBaseDetailData;
const {contactInfo, orderNo} = orderBaseResult;
const {userUserID = ''，userName = ''，userID = ''} = qUserInfo;
const param ={
orderNo,
contactPhone: contactInfo.contactPhone || '',
uuid:userUserID,
userId: userID,
userName,
hasLogin12306: isLogin12306,
cashiersource: 'OCCUPY PAGE CASHIER',
cashType: 'ORDER',
...extParam
}
}
3.这段代码有什么问题，典型场景，核心作用
4.设置定时器延迟时间为100ms，实际延迟时间通常会大于等于 100ms，为什么
5.宏任务与微任务
6.浏览器的同源策略
7.跨域的解决方案
8.CORS是什么，具体如何设置
9.跨域的post请求为什么会两次
10.如果页面有多张图片 http是怎么加载的
11.结合TCP连接方面讲一下图片数据请求，串行还是并行
12.计算机网络五层常用协议
13.用过http抓包嘛
14.什么是中间人攻击
15.浏览器的地址栏输入网址到界面显示的整个过程
16.怎样减少重排重绘
17.vue的响应式原理
18.vue2和vue3的区别
19.diff算法
20.react hooks的优缺点
21.学习起来遇到什么困难
手撕：
实现一个函数删除字符串中出现次数>=2的相邻字符：
输入"abbbaca" ---> "ca"