技術(shù)招聘漫談 | @技術(shù)面試官，這份前端工程師招聘攻略請(qǐng)查收

ShowMeBug

+ 關(guān)注

2023-04-20 15:55

1213次閱讀

前端工程師是 IT 行業(yè)中最為普遍的崗位之一。

一個(gè)初級(jí)的前端工程師的主要技能棧包括：使用 JavaScript 操縱 DOM，實(shí)現(xiàn)一個(gè)簡(jiǎn)單的樣式交互；修改某個(gè)元素的樣式；使用現(xiàn)成的前端框架，對(duì)其中的 API 進(jìn)行調(diào)用，封裝一個(gè)組件，實(shí)現(xiàn)一個(gè)頁(yè)面效果。

中級(jí)前端工程師掌握的技能就更多了，例如：不同框架的生命周期、狀態(tài)管理；不同瀏覽器的特性、構(gòu)建工具等；需要對(duì)編程語(yǔ)言更加了解，還需要有能力快速上手一個(gè)新框架。

從初級(jí)工程師到中級(jí)工程師的進(jìn)階關(guān)鍵在于不僅要懂得前端編程語(yǔ)言和框架的基本使用方法，還要懂得編程語(yǔ)言和框架的底層機(jī)制，以及大型項(xiàng)目開(kāi)發(fā)過(guò)程中關(guān)于前端工程化的各種技能。

從上面的描述可以看出，前端工程師是一個(gè)能力維度范圍覆蓋相當(dāng)廣泛的崗位。那么，技術(shù)面試官在招聘之前，應(yīng)該怎樣準(zhǔn)備筆試與面試呢？

給前端工程師出筆試題，應(yīng)該考什么？

如果想招聘一位初級(jí)前端工程師，對(duì)基礎(chǔ)編程知識(shí)的考核必不可少，主要包括兩個(gè)方面：JavaScript 、HTML、CSS的基本使用；前端工程化（前端構(gòu)建工具）的基本知識(shí)。

另外，企業(yè)還可以結(jié)合業(yè)務(wù)需求，對(duì)Vue、React等開(kāi)發(fā)框架的使用進(jìn)行考察。

對(duì)于中級(jí)前端工程師而言，在初級(jí)前端工程師的基礎(chǔ)上，還需要多考察一下候選人對(duì)前端項(xiàng)目性能優(yōu)化的掌握情況，在JavaScript編程能力的考察上也要上一個(gè)臺(tái)階。比如能否靈活使用閉包、能否實(shí)現(xiàn)某個(gè)設(shè)計(jì)模式（觀察者模式、訂閱發(fā)布模式等），以及能否靈活應(yīng)用 Promise，也可以考察 async、await 地獄、Event Loop 機(jī)制、DOM 事件冒泡與捕獲、異常處理等知識(shí)的應(yīng)用。

這樣從是否了解性能優(yōu)化以及 JavaScript 的進(jìn)階知識(shí)，就可以大致定位出一個(gè)程序員是否能夠勝任前端的中級(jí)崗位。

至此，筆試就完成了它的“使命”。

招聘前端工程師，筆試有哪些局限性？

通過(guò)候選人在筆試中的表現(xiàn)，我們雖然能大致得到一些基于這些表現(xiàn)的結(jié)論，但這樣的結(jié)論卻不一定準(zhǔn)確，它可能會(huì)受到一些因素的干擾，比如：

技術(shù)招聘漫談 | @技術(shù)面試官，這份前端工程師招聘攻略請(qǐng)查收

如果存在這些情況，即使筆試分?jǐn)?shù)不高，我們也不能簡(jiǎn)單地認(rèn)為候選人不足以勝任崗位。因此，我們需要通過(guò)面試，對(duì)筆試環(huán)節(jié)的結(jié)論進(jìn)行“矯正”。

怎樣進(jìn)行前端工程師的面試？

假設(shè)我們已經(jīng)在筆試中，考察了候選人對(duì) Vue、JavaScript、前端構(gòu)建工具、HTML+CSS 的了解，從候選人的答題情況來(lái)看，候選人在Vue這個(gè)維度的得分比較高，但在 JavaScript 方面得分比較低。那我們就可以結(jié)合公司的招聘需求，在面試環(huán)節(jié)可以從下面這 4 個(gè)方面考察：

1.考察 Vue 框架的底層機(jī)制

如果想知道候選人對(duì)技術(shù)的底層是否有了解，則可以考察一些由于技術(shù)底層引起的 Bug。面試官可以拿出 ShowMeBug 題庫(kù)中的這道編程題：

技術(shù)招聘漫談 | @技術(shù)面試官，這份前端工程師招聘攻略請(qǐng)查收

這道題的 Bug 就是由于沒(méi)有對(duì) Clipboard 對(duì)象在合適的生命周期內(nèi)進(jìn)行銷毀，能解決這個(gè) Bug，則說(shuō)明候選人對(duì) Vue 的生命周期的機(jī)制已經(jīng)掌握。

2.考察候選人是否能寫出可復(fù)用的高質(zhì)量代碼

以 ShowMeBug 題庫(kù)中的這道題為例：

這道題考察的是候選人能否對(duì)復(fù)雜的代碼進(jìn)行重構(gòu)，以提高代碼的可復(fù)用性。能夠完成這道題目，則說(shuō)明候選人能寫出更加具有可復(fù)用性的高質(zhì)量代碼。

3.對(duì)筆試題“錯(cuò)題回顧”

面試官可以基于候選人筆試時(shí)得分較低題目，詢問(wèn)候選人對(duì)這道題需求以及考點(diǎn)的理解。

如果候選人理解了題目的考點(diǎn)，則可以基于相對(duì)應(yīng)考點(diǎn)展開(kāi)一些相關(guān)的問(wèn)題，考察候選人是否掌握了這個(gè)考點(diǎn)；如果候選人不太熟悉這個(gè)考點(diǎn)，并且該考點(diǎn)并不是候選人必須要掌握的，則可以酌情更換一個(gè)關(guān)于 JavaScript 的考點(diǎn)，再對(duì)候選人進(jìn)行提問(wèn)，以分析候選人對(duì) JavaScript 的掌握情況

在面試過(guò)程中，面試官可以使用 ShowMeBug 提供的 JavaScript 的面試問(wèn)題集，讓提問(wèn)變得更加有條理、有邏輯。

4.項(xiàng)目經(jīng)驗(yàn)

如果想知道候選人是否有實(shí)際的工作經(jīng)驗(yàn)，則可以讓候選人簡(jiǎn)述并實(shí)現(xiàn)之前項(xiàng)目中的核心邏輯，以判斷候選人是否有簡(jiǎn)歷造假，也可以結(jié)合簡(jiǎn)歷，詢問(wèn)候選人在過(guò)往的項(xiàng)目經(jīng)歷中，遇到了什么具體的問(wèn)題，當(dāng)時(shí)的解決方案是什么，現(xiàn)在對(duì)當(dāng)時(shí)解決方案的思考等等問(wèn)題。

除此之外，還可以讓候選人講一講過(guò)去或者近期關(guān)于技術(shù)的學(xué)習(xí)規(guī)劃和執(zhí)行情況，以評(píng)估候選人對(duì)技術(shù)是否有充足的學(xué)習(xí)興趣。

至此，通過(guò)一套完整的筆面試流程，就能很準(zhǔn)確地從候選人技術(shù)能力、軟實(shí)力、項(xiàng)目經(jīng)驗(yàn)、對(duì)技術(shù)的興趣這 4 個(gè)維度，全方位地把握候選人的人才畫像，給團(tuán)隊(duì)的技術(shù)人才招聘工作，提供一套完整、科學(xué)的指導(dǎo)依據(jù)。

使用 ShowMeBug，輔助技術(shù)招聘

掌握了前端工程師的招聘方法，企業(yè)需要一個(gè)像 ShowMeBug 這樣的在線筆面試平臺(tái)，輔助整個(gè)招聘流程。

在筆試階段，企業(yè)可以將 ShowMeBug 的崗位題庫(kù)和智能組卷結(jié)合起來(lái)使用。只要選擇好崗位，ShowMeBug 會(huì)自動(dòng)生成一個(gè)該崗位的能力維度雷達(dá)圖，并根據(jù)維度圖，自動(dòng)生成一套難度適宜、考點(diǎn)全面的試卷。

技術(shù)招聘漫談 | @技術(shù)面試官，這份前端工程師招聘攻略請(qǐng)查收初級(jí)前端工程師的能力雷達(dá)維度圖