今天给大家分享一篇校招的面经，作者是厦门大学的一名硕士，整个找工作的周期比较长，目前是拿到了包含美团在内的几个 offer。

原文一共涉及 10 家企业的校招面经，由于篇幅原因，我们今天先来看看前 5 家的面经。

文章中大部分的面试都有时间线，细心的同学也可以看出，大部分公司校招面试还是挺紧凑的。

另外，校招还没定下来的小伙伴们也不用着急，好好准备明年的春招吧~

为什么选择前端岗？

其实是因为自己喜欢前端，平常没事还搞搞平面/UI设计之类的。

不过，说实话研究生期间，接触前端的时间还没有本科时多。可能也与在字节的实习经历有关，实习时经常加班到深夜1-2点，而且上线时必须通宵，导致自己对于前端没有了之前的热情。再加上做科研、跑实验、写论文，耽误了复习和找实习。最开始的简历，也是用的两年前的。

有时候也挺后悔读研的，字节实习结束是可以直接转正，读完研后还不一定能回得去。

大概还是没想清楚为什么要读研，本科的时候一直想着保研，真保上了却不知道自己为什么要读研。

总结秋招的问题

• 投得晚投得少

9月份开始陆续投递，但自己目标定得有点高，刚开始只投了一些大厂，根本没有考虑小公司，等到后面再去投时，基本就没机会了。

• 面试准备不足

这应该是最大的问题吧，毕竟前半年一直再写论文，基本没有复习前端。最开始面试时其实很多都知道但答得不好，或者答得比较笼统，然后也不如本科时那么会举一反三。

• 不会利用人脉

其实我有很多本科同学都在字节、美团这些大厂，但没有及时找他们内推，错过了很多机会。

下面给大家分享下具体的面试经历。

1、字节跳动-飞书业务（基本上就裸面，挂了也不奇怪）

（1）9.5 一面

• 自我介绍
• 为什么要读研，如果再给你一次选择你是选择留在字节还是去读研？（上来就是致命一击）
• 读研期间的课题，以及投的论文是怎么回事。
• 前端相关的就问了一个：为什么hooks不能写在if/else等语句里？（之前有看react源码，从这方面答就行）
• 你是怎么理解React的？（答得非常烂，建议从数据驱动 ui = f(state)、响应式 fiber + 异步可中断更新、组件化 component，hooks、跨平台 scheduler；reconciler；render；vdom，合成事件系统等方面答）
• 写个koa的compose：前一天晚上还写过，但一紧张，面试时全忘了，写得磕磕巴巴，最后也就写了一半吧；
• 算法题：二叉树最近公共祖先。用map记录一下节点信息就能出来，不过，第一个compose没写出来后面哪有心思写算法题，写得也非常磕巴，最后也是在面试官不断的提示下给了个思路
• 反问：具体业务

（2）9.15 二面（挂，本来一面就该挂的）

• 自我介绍
• 聊了聊读研期间自己的课题以及论文，读研期间的收获（开拓了视野bababa的。。。）
• 当时实习是参与的项目，以及遇到的难点，提了一嘴当时后端用redis做缓存，然后上线期间被打挂了的事，然后就问如果要我设计这个后端系统该怎么设计（不会。。。）
• 你是怎么理解React的？（也是答得稀烂）
• React18新特性（concurrent），其实这个自己是知道的但是答得巨鸡儿烂，甚至一些hooks的名字都叫错，还瞎说一些错误的观点
• webpack treeshaking，听过，但是不会
• 两道算法题：实现数组的reduce方法。另外一题忘了，好像还挺难的一个题，暴力能做，但是面试官要我想不暴力的方法（不会）
• 思维题：老鼠毒药问题（也不会。。。估计面试官也不想为难我，最后给了个评价：“技术栈有点老”，那确实，连简历都是两年前的）
• 反问：具体业务，前端最新的技术有哪些？

2、快手

9.20 一面（挂，这不挂就有鬼了，后面复盘都不知道自己答了些什么鬼玩意）

• 自我介绍（连自我介绍都开始说得磕磕巴巴，给面试官一个非常不好的印象）
• 问了问研究生期间的收获（答得很烂）
• 聊了下项目，以前实习的时候有接触到低代码平台，刚好这个面试官也是做这个的，然后就一直在问我这方面的东西，可惜差不多都忘光了。。。然后就开始瞎说瞎云，甚至开始糊弄（我都不知道什么时候染上了这种坏习惯）
• 介绍自己做的那几个项目
• 前端相关：css的flex布局
• 前端安全：xss，csrf，中间人攻击这些，csrf答得也贼烂，而且还一直在犟
• TCP和UDP的区别
• 手撕：二分算sqrt(x)
• 算法：节流，防抖（面试官说我写的很快）
• 反问：低代码；如何看待现在前端的发展；快手是react用得多还是vue用得多

后面大概就是自我怀疑自我否定的阶段了吧，每天都在懊悔，都在焦虑，看书看不进去，刷题刷不进去。怎么说，10月份找上自己的好友，聊了聊前端相关的东西，调整了一波心态。

3、小红书（泡着）

（1）10.12 一面（面试官应该是对着题库在问，问的东西都没有难度）

• 自我介绍
• 聊了下研究生期间的课题
• 聊了下实习参与的项目
• css的position有那些属性，简单介绍一下
• 实现三栏布局
• 讲讲flex布局常用的属性
• javascript类型判断，typeof instance Object.prototype.toString Array.toString这些
• javascript中的this（javascript两年前就滚瓜烂熟了，这部分都能答得很好）
• javascript异步代码看输出结果（没难度）
• es6相关
• react中的diff算法设计思路以及与vue中的对比（看几遍源码就知道这玩意就是个暴力）
• react的fiber
• script标签中defer和async的区别
• 跨域相关（jsonp这些），以及请求预检
• 算法题：最长无重复子串（滑动窗）

（2）10.19 二面（面试官是真滴帅）

• 自我介绍
• 项目具体功能的实现，如果要实现协同编辑，该如何做（emmm，当时瞎说了个方案，感觉这个协同编辑问题并不好解决）
• 你的c++ addon是用什么写的（node-addon-api）
• react原理
• http1/2/3（难得的八股）
• webpack treeshaking（同样的问题不能第二次还不会吧）
• 定时器相关的问题，大概是一直设置定时器会不会造成栈溢出，不过我应该是听岔了，回答了浏览器中定时器的原理（setTimeout嵌套层数大于5会出现4ms的延迟，balabala。。。）
• 算法：实现es6中的flatten()，忘了，没写出来，面试官都看不下去了
• 然后换了到题：一个嵌套对象，给个id，查找其路径（简单的dfs）
• 反问：部门业务；vue用得多还是react用得多（vue），我主要以react为主，有点尴尬；

（3）10.22 三面（他主要做跨端的，我不太熟，所以感觉答得不太好）

• 自我介绍
• 为啥选择前端（感兴趣呗）
• 两道算法题：
• 实现个栈（用了好几种方法实现，包括最原始的单链表），还讲了讲symbol等乱七八糟的东西
• 出现一次的字符串（做完后夸我javascript写得非常好）
• 问了问react native 和 小程序，但我了解得不太多，只能凭感觉答
• 扣简历上写的低代码项目，然后就是痛苦的开始，答得其实还好，整个逻辑都捋清楚了，只是他觉得这个东西没有意义，没有解决目前生成的代码可读性差的问题（提前pua，讲道理我就造了个轮子，还想怎样，最后说我做东西没有目标性balabala的。。。）
• 之前在字节实习的收获
• 反问：没啥好问的，问了下部门情况，主要是以跨端为主

4、字节跳动-Data前端（还在泡着，估计没希望了）

（1）10.13 一面

• 写个判断JavaScript类型的函数
• 看你用到了Object.prototype.toString()方法，能给我介绍一下JavaScript中的Prototype吗？为什么不用Object.toString()或者Array.prototype.toString()
• 简单定义个TypeScript类型，例如对象的key是string类型，而value类型
• 介绍一下Typescript的范型
• 讲讲JavaScript中的事件循环
• 了解函数式编程吗？简单实现一个curry函数（秒了）
• 了解React Hook吗，它解决了怎样的问题
• 了解React 18的最新特性吧，讲讲concurrent是怎么回事
• 了解Webpack不，讲讲Webpack的打包流程
• 实现一个useRequest Hook，例如let {data, loading, cancel} = useRequest(url);（翻过ahook的源码，大概知道怎么回事，写起来很顺，cancel可以用调abort方法实现）
• 讲讲从浏览器输入url，到dns解析的流程
• 你觉得还有什么是你比较擅长，但我没有问到的吗（谦虚中。。。）
• 算法题：最长无重复子串（滑动窗）
• 反问：部门的业务；如果通过的话二面大概什么时候（虽然第二天就二面了）

（2）10.14 二面（面试官看起来年纪比较大，所以问的问题有点偏八股）

• 自我介绍
• 写个css，当文本没有超过容器宽度时居中显示，超过宽度则换行，并左对齐（display:tabel-cell或者width:fit-content，但是忘了）
• 讲讲css的flex布局
• 实现 Promise.all（讲道理，别说Promise.all了，要我撕个Promise都没问题）
• js闭包，this指向，es6的let/const，箭头函数等等
• js异步，异步代码给输出（给的是nodejs下的，这个和浏览器有些许区别）
• service worker（只是听过，知道是用来做缓存的）
• 场景题：设计个权限系统（emmm，这个估计答得一般，开始还以为要从后端的角度答，后面发现只要答前端逻辑就行，然后一直在回忆当时字节实习时找leader审批时的流程）
• jsBridge原理（终于有面试官问这个了）
• http1/2/3，http和https，协商缓存强制缓存（纯八股，没啥好说的，面试官最后评价说基础很不错）
• 算法题：组合总数（给个数组[1,2,3]，target=8，求所有等于8的组合），dfs秒了
• 反问：具体业务

（3）10.20 三面

• 自我介绍
• 为何选择前端（感兴趣）
• 拿了哪些offer（我个fw，像是能有offer的样子嘛）
• 研究生期间做的项目，以及期间接触前端的情况
• 实习做的项目，挑一个说（一直在问：“还有其他难点吗”，emmm，有我也回忆不起来了啊）
• 算法题（两道都不难）：
• 版本号排序
• 计算对象中值是数字的总和
• 反问：data部门的具体业务

（4）11.1 HR面（害，估计是答得不好，然后就没有然后了）

• 自我介绍
• 如果在给你一次机会你还会选择读研吗？（破防了，破大防了）
• 为什么选择读研
• 职业规划
• 如何有效沟通
• 在实习过程中，自己的缺点
• 成就感最大的时刻
• data部门的具体业务知道嘛（我。。。大概知道吧）
• 看到你平常也有做后端，那么为什么不选择后端（我会后端那些东西完全是因为以前按小组做的项目，一组的人都太菜了，完了我就java/python/数据库这些都会了）
• 如果只要你做前端呢？
• 反问：base是哪（北京）

5、58同城（挂）

（1）11.10 一面（面试官人很好，而且还和我是一个学校的）

• 自我介绍
• 介绍一下实习参与的项目
• 介绍自己做的那几个项目，有哪些难点
• SSR和CSR的区别
• 前端性能指标评估
• 前端的ci/cd
• 开始聊天（因为是同一个学校的，然后慢慢就聊起来了）
• 反问：58还招人不；具体业务是啥

（2）11.11 二面（秒挂）

• 自我介绍
• 职业规划（有点懵，一时间不知道怎么规划）
• 实习参与的项目
• jsBridge之类的东西
• setTimeout为啥不准（线程间通信怎么都会有延迟的）
• 算法题：不重复的数字

等offer的不知道第几天，焦虑，破防，看书无力，刷题无趣，论文看不进，实验不想跑，要不摆了算了。