前言

从八月份开始准备至今，笔者本次秋招之旅也差不多该准备结束了。拿到了心仪的offer，也真正经历了一次作为一个面试者的全过程，期间可能一直没时间来整理一篇完备的文章，忙着项目，抽空复习知识点感觉整天都会有种疲惫感，这种感觉一直持续了很久，目前也算要尘埃落定，笔者这篇博文权当记录一下这次还留存的面经吧。

阿里一面

• Vue双向绑定机制
• diff算法
• 事件队列
• 前端安全：XSS、XSRF，防范措施（前端攻防那些事儿）
• 冒泡、快排，复杂度
• GET、POST区别（关于get、post看这个就够了）
  • 不过对于这篇文章中关于Post会有两次请求的情况其实在笔者看来应该是因为触发了跨域,所以导致浏览器发出预检请求，原因就是Post请求属于非简单请求。
• call、apply、bind
• this指向问题
• 闭包
• 垃圾收集机制（近距离研究三大垃圾收集机制）
• 5G对前端影响
• 虚拟Dom
• 微任务宏任务有哪些
• 为什么选择前端
• 有没有抓过包，GET、POST抓包的数据有什么不一样
• 项目中扮演什么样的角色，负责什么
• 项目难点

其实这次阿里一面笔者感觉答得还行，后来的确是过了。毕竟是笔者秋招第一场电话面试，还是给了笔者一些信心的，可是至于后来二面为什么直接凉了，阿里淘系的学长说二面面试官拿到我的材料之后就直接把我挂了，这让笔者倒是郁闷了挺久。

腾讯一面

• http、https
• 跨域相关问题
• 缓存问题，怎么取消强缓存
• 前端安全xss、xsrf
• 怎么解决Vuex刷新数据丢失（笔者当时答得是localstorage）
• diff算法
• 前端性能优化
• 状态码
• DNS查找原理
• Vue组件间传值有哪些方案（prop+$emit、Vuex、provide+inject、eventbus）
• cookie、localstorage区别
• Vuex异步和同步
• 重排重绘
• 1000个元素插入页面怎么做，怎么绑定事件（文档碎片DocumentFragment+事件委托）
• Vue在什么情况会重新渲染页面

这次腾讯给笔者的感觉也还是挺不错的，面试官也比较温和，没有为难笔者，然后还约了第二天晚上远程写了两个题，然后笔者恰好以前都写过，于是就比较顺利通过了一面啦。

腾讯二面

• cookie、localstorage
• 怎么测试localstorage（这个笔者当时有点被问懵了）。
• 前端性能优化
• TCP三次握手，为什么要三次
• http2.0的二进制分帧底层相关，这个二进制传输相对于文本传输有什么区别，文本最终不应该也是转为二进制进行传输吗，流、消息是什么？区别？（这个地方关于二进制分帧的一些底层的知识着实把笔者家底都都出来还是没让面试官满意）
• DNS查询，如果根域名服务器没找到它会怎么办。
• CDN详细原理说一下，负载均衡怎么理解

这可能是笔者第一次被问到心态要炸，感觉有些地方真的触到盲区，而且问的很深，笔者后来百度查了很久也有点没明白面试官想要的答案是什么，不过还是觉得腾讯面试官真的挺不错，一面基础加广度，二面就比较深入了。

小米一面

• 跨域相关
• 了解Promise吗
• Es6新特性（这个地方倒是出了个小插曲，我巴拉巴拉说了老半天，因为这个地方笔者倒是基本经常看阮一峰大佬那本书，所以相对会熟悉一点，然后说完面试官就跟我说，你是我见过第一个能说这么多的面试者，面了几家了，这里笔者只能讪讪一笑说没面几家）
• http说一下

其他倒是记不清了，好像面试官也没问几个问题，大部分时间好像都是我一直在巴拉巴拉。

这里还是深刻体会到，好好复习的必要性了。

最后面试官直接就问我能去现场吗，我说视频行吗，然后就视频吧，至于后面为啥又是电话面我就不知道了。

小米和B站可能问的问题上面也有提到过再加上自己很多也记不清了，所以记得多少就说多少了吧。

小米二面

• 项目介绍
• 项目难点
• http、https，http下怎么防范数据被劫持
• 会其他框架吗
• localstorage、sessionstorage、cookie、session

然后其他也记不大清了，然后过了一段时间就收到了小米恭喜涵，也算是笔者第一张意向书吧。

美团二面

这里就有人要问了，一面面经呢，额...这个其实是笔者当时以为凉了就没记录了，后来就被美团hr小姐姐通知二面了。

• 聊大学成绩，是否挂科
• 为什么选择前端
• 自己的优缺点
• 实现三栏布局，用flex怎么实现（这里不得不提一下的是，写标签样式啥的，都是直接让往记事本这种上写的，根本没法知道自己是不是写对了，笔者这里提到了双飞翼和圣杯）
• 如何判断Promise类型
• 如何判断数组
• 了解node吗，koa、ts
• CDN、UDP、TCP
• http、websocket区别
• 怎么从http升级到websocket的
• 了解service worker吗（PWA）
• 实现三角形（同样是记事本...）,你的三角形朝哪边
• 如何变异步为同步（async,await），什么是语法糖
• 手写发布订阅
• webpack打包.vue文件过程
• 了解AST吗
• 浏览器缓存

最后笔者也问了面试官评价，然后他说各方面都还不错，于是笔者觉得应该能进三面，过了几天问hr小姐姐果然过了，不过目前还在等消息，因为要现场面，然后笔者比较远，可能要去别的宣讲会面了，二面面试官一眼看上去就感觉很有气场，面试过程也比较温和，点个赞。

B站一面

• 自我介绍
• 项目，为什么选择axios
• 项目难点
• 前后端联调方式
• 前端安全
• 一个操作Dom动画卡顿原因
• 回流、重回
• 手写数组乱序
• 闭包
• Vue双向绑定机制

可能笔者看面经看的多了，然后好像这种常规题还是挺熟练的，然后问面试官评价，面试官直接说给优秀，笔者当时心里为面试官点了个大大的nice。

B站二面

二面面试官一看就是巨佬，因为B站两面都是视频，感觉B站面试官都超和蔼的，二面主要是聊职业规划，也有聊一些技术，也都属于常规题了吧然后笔者就不贴出来了（其实是不记得了哈哈哈），然后整个过程都比较放松吧，很舒服的一轮面试，然后面试官最后说我挺不错的，在一个相对来水不太好的环境下能学到这么系统全面的知识也挺难得，当场又给二面面试官点了大大的赞。

因为加了hr小姐姐的微信，然后过几天问了小姐姐说我过了，然后就是hr面了，第二天就发了意向书，感觉也算有家可归了。

整个秋招给我的感受还是自己还有很多地方需要提升的吧，然后还有一点要说的是，一定要坚持下去，心仪的offer总会来的，在这里笔者也祝愿大家都能成为offer收割机。

最后祝大家中秋快乐