前端如何面试

2020.5.31 前端早早聊第八期前端聊面试

候选人角度

如何梳理结构化体系知识？

每个人的经历和基础水平是不一样的，可以借鉴下面分类来梳理自己的知识体系

常规前端基础知识
遇到业务问题而做源码解析
奇怪问题的集合
社区优秀问答收集
工程架构：书籍摘抄、软工类
进阶规划

项目亮点如何深挖？

简历中项目的知识点，自行审视之后对比其他方案。
这个知识点背后利用了什么算法？
举例：React 的 diff 算法，先做个标准回答，然后对比其他 diff 场景，不同 diff 算法各有什么优缺点，为什么使用这种算法，除了 React dom 之外，这个算法能不能用到其他地方，横向比较。

面试前准备

抛开裸辞的大佬，面试前我们都会有一个准备跳槽阶段，而大部分人现状：临时抱佛脚，到面试前才开始准备。那么怎么抱佛脚？

自我介绍：准备个草稿，然后多读，最后浓缩自己的话说出来
基本功：懒得刷就算了，毕竟主要靠平时积累的。
算法题：刷力扣
历史负责的项目回顾（重点）
调整好心态

基本功不说了，面经太多了。看看后面几点：
算法常见考点：

冒泡/快排 - 排序类
LRU/排列组合 - 应用类
链表/堆/栈/树/图
分治/动规
深度优先/广度优先

如何找到合适的题？在面试前可以刷下面几道题来找找感觉，掌握相关的知识点：

图算法 200 岛屿算法
数据结构 622 设计循环队列
排序：自己写
分治/动归 53 最大子序和
排列组合 39 组合总和

项目回顾的点：

项目背景/复杂度。我的角色和价值
既往对业务的推动，为什么这么做
过去工作中对团队/他人的影响

抛开技术人的角色，像老板一样思考
列出之前参与过、负责过的项目，思考项目在公司层面的意义。
项目的业务域考虑：客户是谁？诉求是什么？有没有做过使用场景的考察？为何替代原有方案？
技术域考虑：技术选型时是否考虑过学习成本、可维护性、团队接纳程度？对技术人员有哪些成长？

如何审视自己在工作经历的成长
首先，想想学会了哪些技术点，这些技术点对项目的意义是什么？React Hooks? 数据可视化或者是微前端？
其次，考虑设计了某种架构体系，这种架构的演变是由于什么因素产生的

面试心态的调整

核心要素：自信但不自负，平等交流

不要把面试官当成是监督你考试的人，他们是你以后的同事，想象是和你一起讨论如何解决某个问题。
基础知识：HTML5、JS、CSS，还有三大框架取其一，设计模式、前端性能优化，计算机网络基本知识
源码阅读：主要关注框架核心实现
建立个人标签风格：爱捣鼓、积极主动、钻研精神、寻根问底等等
算法：无法取巧，重点在走心。刷完题之后多做总结。

面试官角度

先放一张贵重大佬的图，以钉钉为例，来看看前端招聘的全流程：

面试原则

面试是双向选择的过程
切忌和候选人比拼知识技能
招聘是找未来合作的同事，找未来的合作者。在候选人可过可不过，你比较犹豫的时候，你要考虑要不要根他合作

JD 分析

我们总是能看到一些公司招人对候选人的要求，下面来分析下我们能从这些描述中提炼出我们想要的信息。
岗位描述分析

岗位要求

候选人考察点

一般第 1、2 轮为技术面，偏向技术基本功、主流框架能力、原理性掌握、个别算法知识;及过去的业务相关主导内容，聊的多是技术细节及岗位细节。⼀般到了 3、4 轮会更综合维度的考察候选人，包括业务理解、项⽬管理、具体的技术解决方案，看技术认知、⽅案沉淀，除了专业技能的考察外还会看职业能力和性格，判断能⼒和潜⼒。P7 以上及管理，还会聊聊⾏业理解、团队管理与协作。

特质上考察人是否聪明、自省、乐观皮实

特定轮次考核点：P6 为例
初轮技术面，技术基本功、常用框架掌握、常用方案掌握
二轮技术面：基本的职业能力考察、综合深度考察、技术基本功
三轮现场面：体系型还是体系内（离开环境后是否能自建体系），认知段位及落地能力（技术和业务之间，业务之间的优先级），长短板、匹配度、管理成本及风险评估。考察是否有很强的偏执型人格，比如讨论需求大声拍桌子、严重降低团队士气的。

蚂蚁招聘流程
时长每轮 20-50 分钟， 2 周内完成全部流程

一面前端基础
二面更考察实际运用能力，考察前端技术素质、上升潜力、沟通能力
三面总监终面，总体考察技术素质，编码能力
四面 hr，综合素质，「味道」价值观、匹配度
P7、P8 可能加一面

淘系

前三面技术业务理解、专业知识、技术实现能力、技术价值和业务判断
四面交叉面加强综合素质考察
主管终面
HR面注重阿里文化的契合度

聊项目的面试方法，先最深刻的项目入手，询问候选人下面问题：

业务目标
方案选型
技术细节
最终结果是否有数据能证明
学习思辨能力

主要是为了考察候选人前端综合能力

举例：
基础知识：const 定义的变量编译成 ES5 后如何保持块作用域的特性，90%的人能答上来，但很少有人去探究到V8引擎层面
其他问题：工作中的亮点、为什么会有这份产出（考察最原始需求分析）、剖析技术方案的细节（是否具备健壮性和通用性），如果变得更复杂如何解决（知识面广度深度以及逻辑思维）、如何学习新知识（一贯方法论）

候选人优势

下面有几点是有重复的，它们是多选而不是全选关系。毕竟人无完人，所以这些都是加分项：
1.基本功扎实：良好的技术基本功，良好的开发流程理解，对负责业务的理解，API 之外原理的探究，加分项-技术品味（追求细节，追求极致）
2.独特亮点：核心竞争力

技术深度-内部实现、底层原理，在性能方面能从浏览器和网络方面考量）
广度
领域亮点：WebGL、NodeJS
业务：业务阈值有自己的思考

3.要强性：良好的主动性、主动探寻更多方案、对平庸的低忍耐，抓机会和落地能力
4.如何证明自己？主导过的业务，推动过的建设、解决过的复杂问题、个人作品如个人项目、博客
5.较好的认知：非被动执行思维、对技术的嗅觉、非二元类认知（即对立面之外的认知，而不是非黑即白）
6.热情上进

爱钻研、折腾
爱学习
爱总结

7.充满要性（做一件事追求极致的心态）

能够积极主动
善于思考，为什么做这件事？
推进力强

没有通过的原因

基本功不行，7 年时间 2 年经验、4 年销售自学2年前端、面试沟通一直外围绕圈（说关键字、背面经，没有实践过），动手能力弱，偏科严重
职业能力：3 年 4 跳（稳定性问题），基本沟通能力堪忧，业务经验差、被动执行，综合深度浅，只是想做完。（不知道自己在做什么，只能看到最近两周自己做的东西，也只想赶紧做完）
技术发展问题：知其然不知其所以然/知识面窄/项目实践少
潜力问题：学习总结少/不善于思考/埋头执行/思路单一
性格问题：偏执性人格（后面会再提到）
简历造假（诚信），匹配度（双向匹配，可能比较优秀，但实际不匹配），背调、口碑（在之前公司的口碑不好等），只是背面经（过度包装自己）

简历渠道

内推是主要方式之一，猎头面向专家级
成功率最高的是熟人内推和 BOSS、拉勾为主
也有一些求职者对外输出文章，托关系内推或者在求职平台自荐
技术大会及社区

岗位剖析

层级及关键能力，可以查看先前文章前端规划
以 P6 能力拆解
自驱力
专业能力：对常见框架的库、规范、联调能力与他人沟通能力，一定的 Nodejs 和服务端语言能力
职业能力：良好及时的沟通，独立的前端业务接入能力、领导跨部门项目的 PM 能力，理解业务优先级，有效管理业务预期，能跳出前端看问题，寻找最优（不局限于前端）解决方案
场景方案：通过一个问题能解决一类问题，考虑必要的投入产出比
推动及落地能力：是不是只会说不会用，能不能推动产品落地，影响到别人和团队

面试准备：

表述清洗的简历，真实勿造假，倒序、提炼，避免“万字文”，PDF 格式优先，避免空洞的关键词堆砌
必要的基本功复习
复盘既往工作的价值：过去一段时间最大的成长，重点在个人产生的影响。有结构性的认知，体系化的思维
后续的职业规划：目前长短板，后续成长方向，个人需要的成长空间如何

团队看重的能力

业务支撑能力，拿钱就该干的活
推动改变能力，能主动发现问题
学以致用能力，持续的输入输出

应聘建议

校招看潜力，社招看价值
第一印象：有诚意的简历
明确意向：明确个人诉求（希望能往哪个方向发展，技术上哪些领域），确定目标团队
回顾总结：过去的工作经历、沉淀成长和收货
自我认知：有哪些核心竞争力和不足
面谈技巧：STAR ( Situation、Tast、Action、Result )
举一些例子：

同时根据候选人的经历/背景来设计 STAR，过程中可以加新的 STAR，通过完整的 STAR 了解候选人的能力

面试复盘：总结面试中的表现、经验教训
个人思考：思考需求背后的场景、切实际的“YY”所能产生的价值，不断积累技术以外的项目经验。因为市场上从来不缺技术厉害的人。
误区：

死记硬背概念、知识速成、海量刷题
新技术盲目追捧
面试过程一问一答、不问不答、话唠、东拉西扯，希望有举一反三，但能明确问题的目标
不知道自己是谁、自己有什么、自己要什么、该去何处（没有考虑过自己的核心竞争力，离职原因）
诚信问题

面试技巧和方法
面前：分析 JD、分析团队状况，而不是每次都想着碰运气，到处投一下。尤其是在大厂多个BU，每次投递都有记录，可能会影响你的下一次面试。内推时也不能让朋友随便投。
面中：不要不懂装懂，将重点、思路讲出来，对面试官有疑问不要辩解，不然是无休止的。不要止于现状，寻求更优方案。
尾声：不要错过咨询面试官的机会，可以补充自己的亮点，冷静下来咨询要进入的目标团队情况，技术特点，如果可以的话主动加面试官微信在面试完以后交流加深第二印象。

Offer 的选择
收到 Offer 之后和面试官多聊一聊，以了解团队是否适合你的发展。
技术好的还是钱多的？都不对，要选择团队、业务成长性更强的

入职之后

不断学习、适应、成长，在业务中磨练
拥抱变化、不要拘泥于自己的技术栈

学习方法：
可以每天进公司开始工作之前浏览下一些科技型网站，对于新的框架/知识点，看看业界对这个东西的评论，有个大局观，看到大家对这个事情的理解是怎样的。然后记住一些关键词，在学习这个领域的知识时，找对应的书籍去学习就行。

问题参考

你离职后团队会有什么影响？
codereview 你最看中什么？如何保障
你的朋友或同事怎么评价你的？
你怎么激励你的团队成为更好的团队？（面向TL)
分享一次团队任务陷入僵局或遇到困难，你如何扭转局面、推动进展（P7）
分享一次最让你印象深刻的受批评的事件？在这个过程中具体经历了什么
目前为止，你坚持做的最久的事情是什么？

总结

一直在当求职者，所以对候选人的面试技巧就不多说了，简单记录一下。比较奇怪的一点是小卡讲师的分享，候选人的角度分享如何拿到 P8 Offer, 看起来好像跟我没什么关系，但讲话的逻辑和思考的方式非常值得学习。之后视频下来了再去看看，学习一下。对于候选人面试技巧可以看看活动之后老邬讲师的演讲，非常干货，总结的很全面。
正所谓知彼知己，这次主要是从面试官的角度来考虑要招怎样的人，如何招人，整个流程、考察点以及一些建议。
两天下来过的也很充实，接下来继续沉淀。感谢主办方和讲师。

前端早早聊大会目标成为用得上、听得懂、抄得走的技术大会，计划 2020 年办 >= 15 期，由前端早早聊与掘金联合举办，前端早早聊大会行程动态、录播视频/PPT/讲稿资料下载请关注「前端早早聊」公众号跟进。

6 月 13 日举办第九届 - 前端如何搞文档，报名请戳：www.huodongxing.com/go/tl9 ，海报及讲师行程如下：

6 月 20 日举办第十届 - 前端如何搞跨端跨栈，报名请戳：www.huodongxing.com/go/tl10 ，海报及讲师行程如下：

6 月 27 日举办第十一届 - 女生前端职业发展专场，报名请戳：www.huodongxing.com/go/tl11 ，海报及讲师行程如下：

看完若有启发，举手给作者点个赞吧

第八期 | 换个角度看面试