你好,我是伯约,一名前端面试官,也是一位资深的前端实践者。

我长期钻研大型前端应用架构与性能治理,参与过诸多企业级项目并成功搭建适用于多个 BU 的前端中台,拥有丰富的实战经验,平时关注主流前端框架的发展和实践。近几年,我也在负责新同学的面试把关,以及人才梯队建设,对前端朋友的成长与困惑有一些切实的体会。

近几年,随着前后端的分离,前端的工作越来越专业化,各大互联网公司对前端工程师的要求也越来越高,一个岗位宁缺毋滥。面试时,也越来越偏向于 “考原理,抠细节,挖深处”。

在这样严峻的环境下,作为前端工程师,想进大厂不仅需要掌握一定的底层原理,还需要触类旁通,具备高效解决技术难题的能力。

就拿我自己面试新同学的经验来说,失败的应聘者基本分为两大类:

  • “小白”,这部分人群基本都输在没什么项目经验上,回答的基本都是一些死记硬背的答案,没有结合项目的理解;
  • 经验老到的求职者,他们参与的项目少则十几个,多则数十个,但最后仍与 Offer 失之交臂,主要是因为他们缺乏对技术栈的深入思考,只流于表面上的使用

就比如,我问到 React 组件设计相关问题时,有经验的求职者会讲到函数组件、纯组件、类组件等,这类问题大部分人都可以答上来。如果我进一步追问高阶组件与渲染劫持(Render Hijack)相关的内容,能够回答上来的人就大大减少了。

关于前端面试,应该从何下手?

这不只是初入前端的同学会有的疑问,从事多年开发的同学依然会有这样的问题。

在面试的准备阶段,如果你还只是拼命地刷面试题,显然是不够的。在真实的面试中,面试官往往会在一个知识点的基础上,横向或纵向地追问,狠抓知识盲区,打得你措手不及。所以,切忌通过点状的、零散的知识点去完成学习与记忆,一定要通过横向比较、纵向延伸的方式建立知识体系,通过体系化学习逐步填充知识盲区。

这也验证了一句话:正确的方式比学习本身更重要,也使学习更高效。那么怎样的方式才是正确的呢?我们应该从哪里学起,从哪里看起呢?

我在面试的时候,无论这个同学是否通过,都会在最后问一下求职者的学习方式。我发现大家一般是从书籍、网络社区及微信公众号这 3 个渠道来学习的。书籍的内容虽然是成体系的,但有一定的滞后性。而网络社区与公众号呈现的内容就过于零碎,需要自己去整理、完成知识体系建设,但好处是足够新,紧跟当下。

这就导致一个很 “分裂” 的情况:看书跟不上潮流,看网文难以积累。你很难从这些内容中真正学到更深层次的知识,久而久之大家便形成了前端知识不必深究、浅尝辄止的态度。

当然还有一种情况是你知道知识点,但不能准确完整地表达、不知道该如何描述。但当面试官提起的时候,又能记忆起来,说,“对对对,就是那个,我刚确实不知道该怎么讲”。这种情况非常多,我个人觉 得,这说明你并没有真正地理解知识点,只是囫囵吞枣般学习而已,知识点与代码并没能在你的脑海中建立完整的映射关系。

这两点都限制了我们对前端的学习。我们应该从日常的开发问题中,从面试的问题中去学习,通过反思与复盘不断学习成长,这也是我设计该课程的核心。这门课我以应用较广的 React 为切入点,结合自己多年的面试经验,以大厂真实面试题为例,带你归纳总结解题思路和方法,融会贯通掌握前端面试技巧,助你拿下大厂前端 Offer。

这个课程是如何设计的?

在纵向深挖问题的同时,为了解决知识点零散的痛点,我也会帮助你基于树状结构去掌握知识点的底层原理,以及它们之间的深层次联系,通过不断补全技术栈的方式带你攻克瓶颈。比如 React 的主要内容有以下几点:组件基础、状态管理、渲染流程等。

开篇词 | 如何拿下大厂前端面试 - 图1

在组件基础上,我们还会再进一步延伸出更细的点:

开篇词 | 如何拿下大厂前端面试 - 图2

基于树状的知识体系,可以使我们的学习更为轻松、快捷,记忆也更为牢固。因此,我将专栏设计为 6 大模块,合计 20 讲,通过 “分析题干”->“构建知识导图”->“横向技术对比与纵向原理解析”->“答题文案” 的方式,和你逐步梳理 React 的学习要点。

  1. 组件基础( 01 ~ 05 ):从经典面试问题入手带你梳理组件的设计原理与思路,帮助你掌握分析和解决问题的技巧。
  2. 状态管理( 06 ~ 08 ):从状态的理解、运用与工程化实践入手,帮助你真正理解 React 的状态管理。
  3. 渲染流程( 09 ~ 12 ):只有理解渲染流程,才能做出正确的性能优化。该模块可以加强你对 React 工作模式的理解程度。
  4. 性能优化( 13 ~ 15 ):从工程化的视角阐述性能优化问题,带你掌握中高级职位必杀技。
  5. React Hooks( 16 ~ 18 ):解析 Hooks 的原理,API 的区别及最佳的设计模式,帮助你完美胜任组件模式向 Hooks 转移的工作。
  6. React 生态( 19 ~ 20 ):讲解面试必考的 React-Router 以及常用的工具库,带你探索 React 生态圈,帮助你掌握经过时间和大型项目验证的 React 工具。

最后,我还会专门有一讲内容,来告诉你如何编写一份 HR 满意的简历,帮你顺利敲开大厂面试的大门。

当然,你也可能会担心,课程是否会有所遗漏、是否会过时。但如果深入学习,你会发现课程是在训练一种可以在学习中复制的思维。正如前面所说,正确的学习方式比学习本身更为重要,当我们掌握了正确的学习方式,那将会是一把强大无比的武器,不断地促使我们前进。

讲师寄语

在拿下大厂 Offer 之前,我同样经历过一个背答案、记答案的过程,但收效甚微,在日后的工作中我发现那并不是一种高效的方式。在更新越来越快,大家越来越学不动的时代,学习方式越来越重要,所以这门课我不仅希望帮你解决面试的问题 ,更希望带你提升学习的能力,提升技术软实力。

在学习和实践的过程中,你可能会遇到一些问题。请不要担心,你可以随时在评论区留言和提问,我会尽量抽出时间来认真解答你的提问。但我也希望你能在提出问题的同时,用本课程的思维方式对问题有一个完整的阐述。这样就不只是你问我答,而是在自问、在复盘、在自驱前进,如果你能到达这样一种学习状态,那就可以毕业了。

最后,希望你能通过这一专栏的学习,实现自己的 “大厂梦”。


开篇词 | 如何拿下大厂前端面试 - 图3

《大前端高薪训练营》

对标阿里 P7 技术需求 + 每月大厂内推,6 个月助你斩获名企高薪 Offer。点击链接,快来领取!