前端面经及常见面试题

前端面经

1. 投简历的正确打开方式

正确的打开方式是：

1. 先投小公司或不想去的公司
2. 回顾一下面试题，总结知识点
3. 优化简历，再投自己希望去的
4. 继续总结面试题，复盘（这点非常重要！！！） 告诉大家一个终极技能：面试题真的会重复！

2. 面试经历及面试题复盘

咳咳，前端小伙伴注意了啊！大到阿里、百度、拼多多等，小到XX不知名公司，还有一些中厂，不具体罗列了，核心面试题都在这了，我呕心沥血整理的！免费领。。。

外企面经、面试题

外企要求英语，某外企我面了下，说实话，博主本次求职中的第一次面试，我面过了啊！But，薪资审核没过，我蓝瘦，好吧……TT 我当时不知道行情啊，HR跟我谈薪资时，一直坚持自己，结果可想而知。 然后，中间过程，著名大外企花旗我也面了，年初面的，有内部人员告诉我说他们不招人，没HC，他们自己还准备裁员。引用《狂飙》蒋天的一句话： “拿我当炮灰啊！” 想吐槽，他们HR让准备一份英文简历，英文自我介绍，还有英文的项目沟通，然而它家面试官态度极其敷衍，一句外国语没问！！！全中文！不过我谢谢他，积累经验了。 面试题：

• 准备一段英语自我介绍，面试官真的会问。（第一家面试官问了）
• HTML、CSS基础问题问几个。块级元素行内元素、定位这些。
• BFC 你知道吗？（高频）
• 说说JS的数组遍历，有几种方法？（高频，阿里也问了）
• 数组乱序怎么实现？（这个问题有中型公司也问了）
• 深拷贝、深对比如何实现？深浅拷贝
• 数组怎么去重？
• React生命周期有哪些？react精选面试题

加超链接的请注意，是答案解析。 这里先罗列面试题，有疑问请留言或私聊。

大厂面经、面试题

我这，能记清是哪家的就标注下，记不清的就直接写。无偿分享，希望会对同行们有帮助~

一面：一般都是八股文，年轻的面试官经验少，他们全都大炮轰击问不停（阿里、飞猪、米哈游），有的感觉是走过场，反正阿里基本都有算法笔试，可能他们问个基础后面留给二面去筛了；有资深的会问的比较有水平，一步一步问，然后扒原理，测试候选人基础。 二面：前端负责人或团队老大或技术总监，问项目，剖析难点。这个答出来了就问另一个方向，能问到头疼。各方面都问，非有一个问倒你，不过不影响，好好表现就行。问倒你也只是代表面试官水平高，想让你佩服他。 三面：如果还是技术的，就是技术总监或CTO，看公司大小，问各种软实力。 HR面：大多数公司三面就是HR了，有的HR难搞，对于她们的心理，博主还嫩着（捂脸），分析不了多少。懂HR的请留言，一起分享经验。会问之前工作情况，薪资，跳槽/离职原因，对以后工作的期盼，对自己的定位等。还会考察稳定性。

然后呢，他们不会立马下决定，会让面试者等通知，其实就是和其他候选人对比去了，考察能力、薪资等。这时候，要主动去问他！代表你还在，他回应说在考虑中就说明没被 pass，还在对比。 绝招：薪资说低点 offer 拿得快！（但是这，不想要高薪了，点击）

说实话，这些都是高频的，不高频我也记不住啊，超高频的我注明。

面试题：

• 项目中的跨域如何处理的？（高频，各大公司都问那种）
• 防抖与节流，什么场景用？（基础）
• HTTP协议 的理解。（高频，米哈游，阿里，众安保险）
• React源码读过吗？读了哪些？（高频，阿里等各大公司都问）
• 懒加载如何判断元素出现在视口内？（高频，阿里某部门面试官直接对着我博客问。答案：C站、掘金，作者都是我。）
• React 的类组件与函数式组件什么区别？（高频）
• React 中的组件通信。（都问，能提到forwardRef是加分项）
• React Hook的副作用。副作用钩子useEffect
• React 里面的优化点。（其实是想引出useMemo，useCallBack）
• 场景题。面试官提问题，问怎么解决。
• React Portal 的理解与使用。
• Event Loop事件轮询机制。（说完做题）
• 如何判断是手机端还是PC端？（高频）[目前来说比较常用的是通过js去拿navigator.userAgent这个属性，这是一个字符串，如果里面包含mobi，andorid，iphone等关键词就可以判断为移动设备。 if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // 当前设备是移动设备 }]
• 移动端适配怎么做？
• H5 与手机是如何通信的？webview
• 样式覆盖如何处理？
• 箭头函数与普通函数的区别？本质区别是什么？
• 无状态组件、有状态组件。
• TypeScript的泛型。
• Redux工作流。
• 浏览器如何做静态资源缓存？
• SSR服务端渲染的理解。
• 普通函数与自定义hook的区别。
• HTML中的DOM操作。（回顾复盘大学所学知识）
• Axios与Ajax的区别。
• React的一堆面试题在这：React专项面试题（高频）
• JavaScript有哪些数据类型？如何判断这些类型。
• Promise的理解。
• ES6中let、const与ES5 var的区别。（基础）
• 如何实现全网置灰。（CSS考察，刚好问到，我写过文章）

写到这，有些累了，挺考验我记忆（虽然我有做笔记，回忆起来也累啊！） 刚刚说了，有深度的面试官不会直接问八股文，会一点点挖面试者的能力！ 他们会通过问题引出想要的东西，看能不能引的出来，我们要能答出来就很好，正中下怀！还有就是看潜能了，没固定答案的。根据实际经验回答，这一环也能淘汰很多人。

深度问题：

• 前端工程化做过什么贡献？（项目贡献）
• webpack打包优化做过什么吗？
• 为团队做过什么技术优化？ 前端优化？（高频）（考察能给团队带去的价值）
• 做过什么封装？通用组件有哪些？（高频）
• 封装过自定义HOOK吗？（面试官想听实际产出，考察思维能力等）
• CDN缓存机制，原理。
• 说说 WebSocket 的理解。
• 微前端的理解。
• 白屏时间分析。
• 登录功能怎么做？Cookie的一系列问题。
• 大文件上传如何解决？
• 技术改造。

这些面试题是高级/资深前端的， 初级请筛选出来些基础问题就好，或看我其他文章。

面试中的笔试

其实说白了，它就是笔试，只是会说成“代码考察”。 当然，现在很多公司开始卷，前端工程师也得做笔试。也是博主为难的点，硬着头皮上吧！

有这三种笔试题

1. 硬生生的算法题。刷力扣，赛码网这些。我遇到的有这些：前端笔试题。 百度、阿里都有出数组转树的，但是有情景，具体题在面试时给到，让转为要的数据格式。
2. 也有些面试官比较人性化，TA是前端出身的，不会生考算法，会出JS题去解：Promise、事件轮询这些。还有作用域。JavaScript 功底要十分深厚！前端攻城狮的生存技能！这种笔试题对我们来说很友好了。还有的，千分位分割、异步转为同步，每次发送2条请求，让自己写。
3. 还有一种，就是工具类封装。用 JS 写吧！类型判断啊，异步请求啊等等的。

给同行的温馨提示

求职中，如果遇到没让面试就扔笔试题的，不要干！

实际上属于浪费时间，有这点时间赶紧看其他家吧。某大公司有这么干的，看部门，不吐槽整个公司，每个部门有他们自己的筛人方式。个人认为没必要，因为我们做题的同时，他们看上了简历更优秀的其他人，简历背景一般的即使是做题也不占优势。还有就是薪资，薪资要高了，即使面试和笔试都过了，一面透露可以复试的，但是复试面试官认为以往经验不匹配，这题也白做了。这种没办法。所以，有面试机会之后的笔试，做做也好，就当积累经验了。

有很多公司是看以往经验的，除了日常工作接触的，自己也需要探索一些其他技能。假设我们是做PC端的，下一份工作想找移动端，用人单位只看简历，简历有凸显才有优势。因此，我们只能用下班时间去涉猎更广的技术，也可作为项目经验。

作者：qingyingWin
链接：juejin.cn/post/721177…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。