2020届硕士的秋招前端面试实战经验

简介

本人简介：985 本，中科院硕士，2020 届应届毕业生，秋招投递一二线互联网&部分 AI 独角兽公司，收到 30 余家公司面试邀约，面试 20 余家公司，拿到 9 个 offer，基本是 sp 及以上。

项目介绍：这个项目是本人在 2019 年春招实习和秋招求职过程中积累的面试经验和复习材料。包括本人的春招/秋招面试情况、前端最常见的面试题目、优秀的面试博客汇总以及一些优质的文章分享。

项目长期维护，欢迎 star，附上福利：

1. 给下一届做的经验分享：2020 年秋招前端实战心得
2. 本人校招简历，仅供参考： 访问作者的简历 go->
3. 本人掘金文章专栏: 狂戳这里

打个广告

用户增长团队【核心部门！！！】招人，团队氛围好，有技术深度，有培养机制，招聘校招&实习生，各个技术方向都需要，hc多多。

此链接投递直达我们部门，可优先筛选简历。

经验之谈 - 2021 年 3 月 29 日记录

不止不觉地已经入职接近一周年了，打开这个项目，发现已经收获 200 多个star。这一年间，也帮组里物色过不少“校招生”，想从过来人的角度，分享一些tips :

1. 简历优先级： 实习经历 >>> ACM 经验 > 项目经验（有 github 链接最好） > 学历（本科、研究生差距不大）> 其他各种奖项。 挑选简历的时候，校招一般都会优先考虑有实习经历的同学。ACM 拿奖的同学也特别吃香，但是从事前端的比较少。如果是春招实习，大家都没实习经历，基本还是比较看中项目经验（技术栈匹配度）和学历。
2. 技术栈： react > 小程序 > vue: 技术栈方面主要看部门需求，没有特别明显的优先级，比如我们部门主要从事小程序开发，那么就比较看中小程序开发经验。从行业主流角度来讲，react比vue吃香，这个年头，如果还谈bootstrap、jquery基本上都是没啥经验的新手。
3. 上传简历时务必填写完整：投过简历的同学都清楚，简历只是以附件形式上传，都很多form表单项需要填写，有优秀的同学偷懒，只上传简历就完事了。其实，从面试官筛选简历的角度，并没有人会下载简历附件一份一份地审阅，更多的是查看你填写的 form 表单项的内容，主要是实习经历和项目经历两栏，务必尽可能多写，同时突出技术栈。
4. 面试时自我介绍要详细且突出特点：很多面试官在面试之前可能并没有查看过面试者的简历，更多的是通过面试者的自我介绍来了解面试者。所以自我介绍的时候尽可能详细且流利地向面试官描述自己的实习经历、项目经验、技术栈等，从自我介绍中，面试官就能准确评估你这个人的沟通能力和潜力。
5. 学会突出潜力： 应届生的技术水平都差不多，面试官更多考察的是简历，所以常有面试官问，你最近在看哪些书？你是如何学习前端的？...潜力这东西，更多地是靠平时地日积月累。作者本人曾经也靠下面贴出的各种链接速成，拿到相对不错的 offer，但是还是没有敲响几个知名部门的大门。想要冲击 top 部门，算法是基本功，leetcode 常见题型一定要了解得十分透彻。js、css、数据结构、安全、浏览器、工程化等等也要了解原理。js 可以看看《你不知道的 javascript》，css 可以看看《css 世界》，学习算法课可以了解一下极客时间的《数据结构与算法之美》，浏览器相关推荐极客时间的《浏览器工作原理与实践》。网络相关可以看下《趣谈网络协议》。

以上经验，乃个人想法，不误伤，不担责。如果有其他问题，可以发 issue，作者有时间会回答的～

2022 年 4 月 15 日小记

时光流逝，再次回顾这个项目，发现star即将突破 500，才意识到又是新的一届校招季。

然，随着中丐股价接连大跳水，各大公司纷纷举办“开猿节流”毕业典礼，不少行业老人都在感叹，寒冬已至。

寒冬来临，hc 大量缩水，校招形势必定十分严峻，面试难度也会同比上升一个档次。唯有准备万全，才能过关斩将。

作者盲猜今年的招聘，

• 一是考察面试者的基础知识是否扎实，包括对JS、ES、TS是否熟悉、是否用过React/Vue/小程序其中一门或多门框架，至于工程化能力(webpack、gulp、rollup)、是否熟悉一门后端语言（如 node），则是加分项。
• 二是着重了解面试者的实践经验，有实习加成或者突出项目，且在面试过程中能讲出所做项目的亮点，对自己所做项目有深入思考和研究的，必定优先考虑。另一种值得赞扬的是能够深入思考项目中遇到的问题并总结成博客进行分享。
• 三是了解面试者对前端这个领域的涉猎是否广泛。比如，最近学习什么新技术？了解过低代码吗？了解过 vite 吗？等等等等。当你熟练地说出 vite 的原理和优劣势，必定十分出彩。

祝屏幕对面正在努力学习的你我，鹏程万里，锦绣前程。

1. 2019 年秋招面试情况

编号	公司	轮次	岗位	时间	星期	结果	形式	类型	笔试
1	阿里巴巴	一面	前端	8 月 5 日	周二	祭天	电话	内推	免笔试
2	腾讯微信	一面	运营开发	8 月 9 日	周五	通过	电话	正常投递	免笔试
3	图森未来	一面	前端	8 月 9 日	周五	通过	电话	正常投递	免笔试
4	地平线	一面	前端	8 月 10 日	周六	通过	电话	提前批	免笔试
-	地平线	二面	前端	8 月 19 日	周一	通过	电话	提前批	免笔试
5	美团到店	一二三面	前端	8 月 19 日	周一	转岗	现场	内推	免笔试
6	作业帮	一面	前端	8 月 21 日	周三	失败	现场	正常投递	免笔试
7	猿辅导	一二面	前端	8 月 23 日	周五	失败	现场	正常投递	免笔试
8	腾讯	一面	前端	8 月 23 日	周五	通过	电话	正常投递	免笔试
-	腾讯	二面	前端	8 月 24 日	周六	通过	视频	正常投递	免笔试
-	地平线	三面	前端	8 月 24 日	周六	通过	电话	正常投递	免笔试
-	腾讯	三面	前端	8 月 27 日	周一	通过	视频	正常投递	免笔试
-	地平线	hr 面	前端	8 月 28 日	周三	通过	电话	正常投递	免笔试
9	贝壳找房	一二面	前端	8 月 31 日	周三	失败	现场	正常投递	笔试通过
-	腾讯	hr 面	前端	9 月 3 日	周二	通过	视频	正常投递	免笔试
10	网易雷火	一面	前端	9 月 3 日	周二	通过	视频	正常投递	免笔试
11	Bigo	一面	前端	9 月 6 日	周五	通过	视频	正常投递	笔试通过
12	美团到店-转上海	一面	前端	9 月 9 日	周一	通过	视频	内推	免笔试
-	网易雷火	二面	前端	9 月 10 日	周二	失败	视频	正常投递	免笔试
-	图森未来	二面	前端	9 月 10 日	周二	通过	电话	正常投递	免笔试
13	拼多多	一面	前端	9 月 15 日	周日	通过	视频	正常投递	笔试通过
14	旷视科技	一二面	前端	9 月 16 日	周一	通过	现场	正常投递	免笔试
15	vivo	一面 hr 面	前端	9 月 17 日	周二	失败	现场	正常投递	笔试通过
16	招行信用卡中心	一面	前端	9 月 19 日	周四	失败	现场	正常投递	笔试通过
-	图森未来	三面	前端	9 月 20 日	周五	通过	电话	正常投递	免笔试
-	拼多多	二面	前端	9 月 20 日	周五	通过	视频	正常投递	笔试通过
17	百度	一二三面	前端	9 月 21 日	周六	通过	现场	正常投递	笔试通过
18	快手	一面	前端	9 月 22 日	周日	失败	视频	正常投递	笔试通过
-	Bigo	二面	前端	9 月 23 日	周一	通过	视频	正常投递	笔试通过
-	美团到店-转上海	二面	前端	9 月 30 日	周一	通过	视频	内推	免笔试
-	拼多多	hr 面	前端	10 月 8 日	周二	通过	视频	正常投递	笔试通过
-	旷视科技	三四面	前端	10 月 12 日	周六	通过	现场	正常投递	免笔试
-	Bigo	三面	前端	10 月 16 日	周三	通过	视频	正常投递	笔试通过
19	微软	一二面	前端	10 月 16 日	周三	失败	视频	正常投递	免笔试
-	图森未来	四五六 hr 面	前端	10 月 18 日	周五	通过	现场	正常投递	免笔试
-	Bigo	hr 面	前端	10 月 18 日	周五	通过	电话	正常投递	笔试通过
20	字节跳动	一二三面	前端	10 月 21 日	周一	通过	现场	-	-
-	字节跳动	hr 面	前端	10 月 23 日	周三	通过	现场	-	-

2. 2019 年春招实习面试情况

编号	主要内容	面试次数
1	阿里巴巴	1
2	百度	2
3	字节跳动	7
4	腾讯	7
5	快手	2
6	搜狐	2
7	招商银行信用卡中心	2
8	依图科技	2 + 放弃
9	拼多多	放弃
10	网易互娱	放弃
11	网易雷火	放弃
12	度小满金融	放弃

3. 前端面试题目 - 自己整理

春招实习求职时，自己整理的面试题目，不够完善。

1. JavaScript 部分
2. html 部分
3. css 部分
4. es6 部分
5. vue 部分
6. 浏览器部分
7. 网络部分
8. web 安全部分
9. webpack 部分
10. 代码部分
11. 性能优化部分
12. 移动端部分
13. react 部分
14. 工程化部分

4. 博客 - 一定要看的面试题

4.1 面试题

那些年刷过的面试题，巨棒。这些看懂了，面试基本没问题。

1. 木易杨前端进阶 ， github 地址- 每日一题前端面试，
2. 前端面试与进阶指南 - 前端开发者面试清单
3. 前端进阶之道
4. 前端面试每日 3+1
5. 前端开发面试题
6. 大前端吊打面试官系列 - 更新中...
7. 2020 年前端面试复习必读文章 - 十分棒的面试复习必读文章集合
8. 前端面试
9. 前端面试复习笔记

4.2 优质博客

1. 冴羽的博客 - JavaScript 系列
2. 张鑫旭的博客 - CSS 大牛
3. 阮一峰的博客 - github
4. 技术胖 - 良心博主，react 那一套讲得挺好

4.3 优质学习资源

1. 前端进阶必备，github 优质资源整理分享 - 优质项目
2. 大前端的瑞士军刀 - 工具集
3. 前端入门和学习进阶笔记 - 面试宝典，不能错过
4. github 中文排行榜 -高分优秀的中文项目
5. 前端乐园 - 前端资源汇总
6. 前端入门到进阶图文教程
7. 写个初高级前端的前端进阶指南

5. 个人学习笔记

不完善，没有看的必要，已屏蔽

6. 学习网站

1. JavaScript 开发者应懂的 33 个概念

2. JavaScript 算法与数据结构

3. webpack 中文文档

4. ECMAScript6 入门 - 学习 es6 必看教程

5. Flutter 中文网

6. JS 函数式子编程指南

7. next.js 中文文档

8. 学用 JAVAScript 设计模式

9. ReactJS 小书

10. TypeScript Handbook（中文版）

11. 图解 Git

12. 微信小程序开发文档

13. nodejs 技术栈 - 十分优秀的 nodejs 笔记分享

14. typescript 入门教程 - 个人觉得比官方文档写得更通俗易懂

15. 小程序开发文档-底层框架 - 微信官方提供的小程序开发文档，值得反复阅读，了解小程序设计的初衷以及底层原理

16. 小程序-性能与体验 - 官方出品，必属精品，小程序底层做了许多性能优化，值得借鉴。

7. 技术分享文章 - 长期维护

7.1 CSS

1. 你未必知道的 CSS 知识点
2. 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
3. 灵活运用 CSS 开发技巧
4. 一劳永逸的搞定 flex 布局
5. 干货!各种常见布局实现+知名网站实例分析
6. 前端基础篇之 CSS 世界
7. 彻底搞懂 CSS 层叠上下文、层叠等级、层叠顺序、z-index
8. 【译】一行 css 代码搞定响应式布局
9. CSS 技巧，让你的 CSS 更专业
10. 前端优秀实践不完全指南
11. 你未必知道的 CSS 知识点（第二季）

7.2 JavaScript

1. 浏览器的一些“滚动”行为鉴赏
2. 灵活运用 JS 开发技巧
3. 如何写出一个惊艳面试官的深拷贝?
4. 关于 JS 中一些重要的 api 实现, 巩固你的原生 JS 功底
5. Array.from() 五个超好用的用途
6. 这些 Web API 真的有用吗? 别问，问就是有用
7. JS 原型链与继承别再被问倒了
8. 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
9. 这一次，彻底弄懂 JavaScript 执行机制
10. 「中高级前端面试」JavaScript 手写代码无敌秘籍
11. 浏览器与前端性能灵魂之问（上）, 中篇, 下篇
12. 送你 43 道 JavaScript 面试题
13. 2020 年，你必须知道的 JS 数组技巧
14. 【面试篇】寒冬求职季之你必须要懂的原生 JS(上) ， 下- Javascript 看这两篇
15. 从 206 个 console.log()完全弄懂数据类型转换的前世今生 - 类型转换看这里
16. JS 原生面经从初级到高级【近 1.5W 字】
17. js 基础-面试官想知道你有多理解 call,apply,bind？[不看后悔系列] - call、apply、bind 源码实现得比较严谨

7.3 ES6

1. BAT 前端经典面试问题：史上最最最详细的手写 Promise 教程
2. [译文]如何避开 async/await 地狱
3. 前端 er，你真的会用 async 吗？
4. ES6、ES7、ES8、ES9、ES10 新特性一览
5. 近一万字的 ES6 语法知识点补充
6. 25 个你不得不知道的数组 reduce 高级用法
7. 1.5 万字概括 ES6 全部特性
8. 30 分钟掌握 ES6/ES2015 核心内容
9. 记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题
10. 要就来 45 道 Promise 面试题一次爽到底 - 最详细的 promise、async 题目，妈妈再也不用担心我不会异步了。
11. ES6 完全使用手册 - es6 的重点
12. 剖析 Promise 内部结构，一步一步实现一个完整的、能通过所有 Test case 的 Promise 类 - 手写 promise，拿高评价必学！

7.4 vue

1. Vue 开发必须知道的 36 个技巧
2. 30 道 Vue 面试题，内含详细讲解
3. 面试官：自己搭建过 vue 开发环境吗？
4. vue 中 8 种组件通信方式, 值得收藏!
5. 手摸手，带你用 vue 撸后台 系列五
6. Vue 项目里戳中你痛点的问题及解决办法
7. 史上最强 vue 总结---面试开发全靠它了 - 高赞的 vue 面试题

7.5 react

1. 你要的 React 面试知识点，都在这了
2. 90 行代码，15 个元素实现无限滚动
3. 你真的理解 setState 吗？
4. React 16 加载性能优化指南
5. 分享 50 个完整的 React Native 项目
6. 30 分钟精通 React Hooks
7. 这可能是最通俗的 React Fiber(时间分片) 打开方式
8. 「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结)
9. React Hooks 详解 【近 1W 字】+ 项目实战
10. React 如何区分 Class 和 Function？ - react 开发人员分享的文章，涉及到 new、this、class、箭头函数、prototype、proto、instanceof 等方面。
11. 「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结) - 硬核文章，作者针对 react 写了一个系列，都值得阅读。
12. react 技术揭秘 - react 源码解读
13. 图解 react 源码，github 仓库 - react 源码解读
14. 函数式组件与类组件有何不同？ - react 开发人员分享的文章，详细解释了函数式组件与类组件的区别，绝对值得一阅。
15. 15 张图，20 分钟吃透 Diff 算法核心原理，我说的！！！ - 看过最通俗易懂的 react 虚拟 dom diff 算法原理了。
16. 深入理解 React useLayoutEffect 和 useEffect 的执行时机 - useEffect 和 useLayoutEffect 的区别，通俗易懂。
17. 「react 进阶」一文吃透 react-hooks 原理 - react-hooks 原理，可配合上面的「图解 react 源码」一同食用。

7.6 浏览器、缓存、网络

1. 图解浏览器工作原理
2. 前端缓存最佳实践
3. 前端跨域整理
4. Ajax 知识体系大梳理
5. 面试精选之 http 缓存
6. 缓存详解
7. 从多线程到 Event Loop 全面梳理
8. 浏览器与前端性能灵魂之问，请问你能接得住几个？（上）
9. TCP 协议灵魂之问，巩固你的网路底层基础
10. 10 种跨域解决方案（附终极大招） -写得十分详细的跨域方案
11. 《大前端进阶 安全》系列 HTTPS 详解 -了解 https 看这里
12. 「查缺补漏」送你 18 道浏览器面试题 - 常见的浏览器相关的面试题

7.7 前端工程化

1. 前端模块化详解(完整版)
2. 从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系
3. 前端构建秘籍
4. if 我是前端团队 Leader，怎么制定前端协作规范?
5. 2018 年了，你还是只会 npm install 吗？
6. 前端模块化：CommonJS,AMD,CMD,ES6
7. webpack4 的 30 个步骤打造优化到极致的 react 开发环境，如约而至
8. JavaScript 模块化七日谈 - 了解模块化发展历史，面试常考。
9. 「万字进阶」深入浅出 Commonjs 和 Es Module - 非常深入的介绍 Commonjs 和 ES Module 的实现原理
10. module 的加载实现 - 阮一峰老师的模块的加载实现，内容详实。
11. 从零搭建 React 全家桶框架教程 - 一步一步教你搭建 react 框架，主要阐述 webpack 配置过程
12. 深入理解 Vite 核心原理 - 最通俗易懂解释 vite 原理的文章
13. webpack 官方文档 - tree shaking 一节可以了解一下
14. 【工程化】无用代码去哪了？项目减重之 rollup 的 Tree shaking - rollup 的 tree shaking 的原理解析 15.10 分钟快速入门 rollup.js,10 分钟快速进阶 rollup.js - rollup 进阶，了解基础配置

7.8 技术分享

1. 前端进阶必备，github 优质资源整理分享！
2. 哪些技术会决定前端开发者的未来发展？
3. 一个合格(优秀)的前端都应该阅读这些文章
4. 【前端词典】提高幸福感的 9 个 CSS 技巧
5. 前端工作学习相关网站收集整理
6. 2018 上半年掘金微信群日报优质文章合集：前端篇
7. 前端常用插件、工具类库汇总，不要重复造轮子啦
8. 前端开发中 79 条不可忽视的知识点汇总

7.9 数据结构

1. 前端该如何准备数据结构和算法？
2. 我接触过的前端数据结构与算法
3. 视频面试超高频在线编程题，搞懂这些足以应对大部分公司 - 编程题
4. 前端进阶算法：常见算法题及完美题解 - 编程题

7.10 其他技术拓展

1. 谁说前端不需要懂-Nginx 反向代理与负载均衡
2. 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传
3. 正则表达式不要背
4. 高性能渲染十万条数据(时间分片)
5. 现代化懒加载的方式
6. 网站性能优化实战——从 12.67s 到 1.06s 的故事
7. 面试：页面加载海量数据
8. 实现图片懒加载(Lazyload)
9. 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
10. 推荐几个不错的 console 调试技巧
11. 字节跳动面试官：请你实现一个大文件上传和断点续传
12. 近两万字小程序攻略发布了
13. 总结移动端 H5 开发常用技巧
14. 前端下载文件的 5 种方法的对比
15. 面试官：你了解过移动端适配吗？
16. 前端性能优化 20 条建议
17. Web 中的图像技术总结，前端开发中各种图片引入的优点缺点及实例
18. 小程序直播-疯狂点赞动画实现原理解析 - 最近比较热门的 canvas 动画案例
19. 「一劳永逸」一张脑图带你掌握 Git 命令
20. 【译】Redux 还是 Mobx，让我来解决你的困惑！ - 非常好的文章，讲清楚 redux 和 mobx 的区别
21. 深入理解 vite 核心原理 - 了解 vite 的基本原理，入门必备。

7.11 面试题库

1. 这儿有 20 道大厂面试题等你查收
2. 送你 43 道 JavaScript 面试题
3. 前端知识点汇总——面试看这一篇就够了
4. 【面试篇】寒冬求职季之你必须要懂的原生 JS(上)
5. 【面试篇】寒冬求职季之你必须要懂的原生 JS(中)
6. (中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂
7. 总结了 17 年初到 18 年初百场前端面试的面试经验(含答案)
8. 「中高级前端面试」JavaScript 手写代码无敌秘籍
9. 五年面试，三年模拟
10. 一名【合格】前端工程师的自检清单
11. 2019 前端面试 | “HTML + CSS + JS”专题
12. 前端 100 问：能搞懂 80%的请把简历给我
13. 前端面试之道小册
14. 面试的信心来源于过硬的基础
15. 2018 前端面试总结，看完弄懂，工资少说加 3K | 掘金技术征文
16. 2020 三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 - 应届大佬的实习面试记录
17. 阿里前端攻城狮们又写了一份面试题答案，请查收 - 大厂有意思的面试题
18. 2020 年前端面试复习必读精选文章【赠复习导图】 - 很全的前端面试复习集锦
19. 前端 10 个灵魂拷问 吃透这些你就能摆脱初级前端工程师！ - 前端比较常见的面试题
20. 让我在面试官面前结巴的 24 个 XX 和 XX 的区别！

Copyright (c) 2019-present ZhenzhenCai