技术招聘漫谈 | @技术面试官，这份前端工程师招聘攻略请查收

前端工程师是 IT 行业中最为普遍的岗位之一。

一个初级的前端工程师的主要技能栈包括：使用 JavaScript 操纵 DOM，实现一个简单的样式交互；修改某个元素的样式；使用现成的前端框架 ，对其中的 API 进行调用，封装一个组件，实现一个页面效果。

中级前端工程师掌握的技能就更多了，例如：不同框架的生命周期、状态管理；不同浏览器的特性、构建工具等；需要对编程语言更加了解，还需要有能力快速上手一个新框架。

从初级工程师到中级工程师的进阶关键在于不仅要懂得前端编程语言和框架的基本使用方法，还要懂得编程语言和框架的底层机制，以及大型项目开发过程中关于前端工程化的各种技能。

从上面的描述可以看出，前端工程师是一个能力维度范围覆盖相当广泛的岗位。那么，技术面试官在招聘之前，应该怎样准备笔试与面试呢？

给前端工程师出笔试题，应该考什么？

如果想招聘一位初级前端工程师，对基础编程知识的考核必不可少，主要包括两个方面：JavaScript 、HTML、CSS的基本使用；前端工程化（前端构建工具）的基本知识。

另外，企业还可以结合业务需求，对Vue、React等开发框架的使用进行考察。

对于中级前端工程师而言，在初级前端工程师的基础上，还需要多考察一下候选人对前端项目性能优化的掌握情况，在JavaScript编程能力的考察上也要上一个台阶。比如能否灵活使用闭包、能否实现某个设计模式（观察者模式、订阅发布模式等），以及能否灵活应用 Promise，也可以考察 async、await 地狱、Event Loop 机制、DOM 事件冒泡与捕获、异常处理等知识的应用。

这样从是否了解性能优化以及 JavaScript 的进阶知识，就可以大致定位出一个程序员是否能够胜任前端的中级岗位。

至此，笔试就完成了它的“使命”。

招聘前端工程师，笔试有哪些局限性？

通过候选人在笔试中的表现，我们虽然能大致得到一些基于这些表现的结论，但这样的结论却不一定准确，它可能会受到一些因素的干扰，比如：

如果存在这些情况，即使笔试分数不高，我们也不能简单地认为候选人不足以胜任岗位。因此，我们需要通过面试，对笔试环节的结论进行“矫正”。

怎样进行前端工程师的面试？

假设我们已经在笔试中，考察了候选人对 Vue、JavaScript、前端构建工具、HTML+CSS 的了解，从候选人的答题情况来看，候选人在Vue这个维度的得分比较高，但在 JavaScript 方面得分比较低。那我们就可以结合公司的招聘需求，在面试环节可以从下面这 4 个方面考察：

1.考察 Vue 框架的底层机制

如果想知道候选人对技术的底层是否有了解，则可以考察一些由于技术底层引起的 Bug。面试官可以拿出 ShowMeBug 题库中的这道编程题：

这道题的 Bug 就是由于没有对 Clipboard 对象在合适的生命周期内进行销毁，能解决这个 Bug， 则说明候选人对 Vue 的生命周期的机制已经掌握。

2.考察候选人是否能写出可复用的高质量代码

以 ShowMeBug 题库中的这道题为例：

这道题考察的是候选人能否对复杂的代码进行重构，以提高代码的可复用性。能够完成这道题目，则说明候选人能写出更加具有可复用性的高质量代码。

3.对笔试题“错题回顾”

面试官可以基于候选人笔试时得分较低题目，询问候选人对这道题需求以及考点的理解。

如果候选人理解了题目的考点，则可以基于相对应考点展开一些相关的问题，考察候选人是否掌握了这个考点；如果候选人不太熟悉这个考点，并且该考点并不是候选人必须要掌握的，则可以酌情更换一个关于 JavaScript 的考点，再对候选人进行提问，以分析候选人对 JavaScript 的掌握情况。

在面试过程中，面试官可以使用 ShowMeBug 提供的 JavaScript 的面试问题集，让提问变得更加有条理、有逻辑。

4.项目经验

如果想知道候选人是否有实际的工作经验，则可以让候选人简述并实现之前项目中的核心逻辑，以判断候选人是否有简历造假，也可以结合简历，询问候选人在过往的项目经历中，遇到了什么具体的问题，当时的解决方案是什么，现在对当时解决方案的思考等等问题。

除此之外，还可以让候选人讲一讲过去或者近期关于技术的学习规划和执行情况，以评估候选人对技术是否有充足的学习兴趣。

至此，通过一套完整的笔面试流程，就能很准确地从候选人技术能力、软实力、项目经验、对技术的兴趣这 4 个维度，全方位地把握候选人的人才画像，给团队的技术人才招聘工作，提供一套完整、科学的指导依据。

使用 ShowMeBug，辅助技术招聘

掌握了前端工程师的招聘方法，企业需要一个像 ShowMeBug 这样的在线笔面试平台，辅助整个招聘流程。

在笔试阶段，企业可以将 ShowMeBug 的岗位题库和智能组卷结合起来使用。只要选择好岗位，ShowMeBug 会自动生成一个该岗位的能力维度雷达图，并根据维度图，自动生成一套难度适宜、考点全面的试卷。

初级前端工程师的能力雷达维度图

这些笔试题能够精准地考核前端工程师在各个方面的技术功底，如果企业有自己独特的需求，也可以拖拽能力维度图，让试卷更贴合岗位需要。

在面试环节中，企业可以使用笔面试一体化功能，在面试环节中回顾笔试，进一步考核候选人的技术知识。

笔试回顾

此外，企业还能够利用 ShowMeBug 提供的云端 IDE 在线编程功能，让候选人现场编程，考核候选人的编程思路，实实在在地考核候选人的技术能力。

前端框架题

一名优秀的前端工程师不仅能将产品做成，更有助于将产品做好。使用ShowMeBug 对前端工程师进行笔面试，能够有效提升技术招聘的精准性，帮助企业高效招到符合岗位需求的前端工程师。

读完本篇内容之后，你一定会关心，那后端工程师有什么招聘技巧呢？在下一篇内容中，我们将和你聊聊这个难题。