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

简介

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

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

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

给下一届做的经验分享：2020 年秋招前端实战心得

本人校招简历，仅供参考： 访问作者的简历 go->

本人掘金文章专栏: 狂戳这里

本人博客： rileycai.com

打个广告

核心增长团队招人，团队氛围好，有技术深度，有培养机制，招聘实习生，各个技术方向都需要。

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

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

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

简历优先级：实习经历 >>> ACM 经验 > 项目经验（有 github 链接最好） > 学历（本科、研究生差距不大）> 其他各种奖项。 挑选简历的时候，校招一般都会优先考虑有实习经历的同学。ACM 拿奖的同学也特别吃香，但是从事前端的比较少。如果是春招实习，大家都没实习经历，基本还是比较看中项目经验（技术栈匹配度）和学历。
技术栈： react > 小程序 > vue: 技术栈方面主要看部门需求，没有特别明显的优先级，比如我们部门主要从事小程序开发，那么就比较看中小程序开发经验。从行业主流角度来讲，react比vue吃香，这个年头，如果还谈bootstrap、jquery基本上都是没啥经验的新手。
上传简历时务必填写完整：投过简历的同学都清楚，简历只是以附件形式上传，都很多form表单项需要填写，有优秀的同学偷懒，只上传简历就完事了。其实，从面试官筛选简历的角度，并没有人会下载简历附件一份一份地审阅，更多的是查看你填写的 form 表单项的内容，主要是实习经历和项目经历两栏，务必尽可能多写，同时突出技术栈。
面试时自我介绍要详细且突出特点：很多面试官在面试之前可能并没有查看过面试者的简历，更多的是通过面试者的自我介绍来了解面试者。所以自我介绍的时候尽可能详细且流利地向面试官描述自己的实习经历、项目经验、技术栈等，从自我介绍中，面试官就能准确评估你这个人的沟通能力和潜力。
学会突出潜力：应届生的技术水平都差不多，面试官更多考察的是简历，所以常有面试官问，你最近在看哪些书？你是如何学习前端的？...潜力这东西，更多地是靠平时地日积月累。作者本人曾经也靠下面贴出的各种链接速成，拿到相对不错的 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. 前端面试题目 - 自己整理

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

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

4.1 面试题

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

4.2 优质博客

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

4.3 优质学习资源

5. 个人学习笔记

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

6. 学习网站

JavaScript 开发者应懂的 33 个概念
JavaScript 算法与数据结构
webpack 中文文档
ECMAScript6 入门 - 学习 es6 必看教程
Flutter 中文网
JS 函数式子编程指南
next.js 中文文档
学用 JAVAScript 设计模式
ReactJS 小书
TypeScript Handbook（中文版）
图解 Git
微信小程序开发文档
nodejs 技术栈 - 十分优秀的 nodejs 笔记分享
typescript 入门教程 - 个人觉得比官方文档写得更通俗易懂
小程序开发文档-底层框架 - 微信官方提供的小程序开发文档，值得反复阅读，了解小程序设计的初衷以及底层原理
小程序-性能与体验 - 官方出品，必属精品，小程序底层做了许多性能优化，值得借鉴。

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

7.1 CSS

7.2 JavaScript

7.3 ES6

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

7.4 vue

7.5 react

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

7.6 浏览器、缓存、网络

7.7 前端工程化

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

7.8 技术分享

7.9 数据结构

7.10 其他技术拓展

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

ycjtd / fontendinterview Goto Github PK

fontendinterview's Introduction