面試官說 如何面試Web前端開發工程師

2021-08-22 07:28:19 字數 3088 閱讀 7238

近來幾個月,一直在努力尋找前端戰友,未果,一路的招聘經歷下來,心生不少感慨, 一直都很小心翼翼的,怕錯失了高人,又更加怕失誤把關不夠招到不合格的同學進來公司,對公司對專案造成某些影響。

面試前端工程師對我來說是一件非常有意思的事,因為面試過程很大程度上也是自我提公升的過程。無論大公司還是小公司,之所以在如何招聘到真正有能力的 前端工程師方面會遇到同樣的問題,就是因為負責招聘的那些人不知道自己公司需要什麼樣的人,結果問問題時也問不到點子上。經過這幾年在行業裡的摸索,我總 結出了自己的一套很有效的面試前端工程的方法。

有的應聘者說我不好對付,但留給他們這樣的印象也並非我所願。我覺得之所以他們說我不好對付,主要是因為我問他們問題時問得太細了。以前我曾專門寫過一些 東西,告訴應聘者怎麼才能通過我的面試(surviving an interview with me)以及優秀的前面工程師應該具備什麼樣的素質(what makes a good front end engineer?),而我的面試可以說完全是按照那兩篇文章的標準進行的。我不會問一些特別偏門的問題,也不認為出幾道邏輯題就能考出人的真實水平。我 唯一的想法就是確定你能否勝任我們要招的這個職位。為此,我需要簡單地考察如下幾個方面。

基本知識

我們生活在網際網路時代,你想知道的任何事情幾乎都能在15分鐘內找到相關資訊。可是,能找到資訊並不等於你會使用它。我認為所有前端工程師至少都應 該掌握某些基本的知識,才能有效地完成自己的工作。如果一遇到問題,就停下工作上網四處搜尋解決方案,怎麼可能保證按期完成工作呢?聽聽,還有誰在說「我 不知道,但我可以上網搜到。」請這些同學把手舉起來,讓大家認識一下(immediately raises a flag for me.)。下面我列出一些基本的知識點,這些都是我認為一名前端工程師(無論工作年頭長短)在沒有任何外來幫助的情況應該知道的。

dom結構——兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。

dom操作——怎樣新增、移除、移動、複製、建立和查詢節點。

事件——怎樣使用事件以及ie和dom事件模型之間存在哪些主要差別。

xmlhttprequest——這是什麼、怎樣完整地執行一次get請求、怎樣檢測錯誤。

嚴格模式與混雜模式——如何觸發這兩種模式,區分它們有何意義。

盒模型——外邊距、內邊距和邊框之間的關係,ie 8以下版本的瀏覽器中的盒模型有什麼不同。

塊級元素與行內元素——怎麼用css控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。

浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。

html與xhtml——二者有什麼區別,你覺得應該使用哪乙個並說出理由。

json——它是什麼、為什麼應該使用它、到底該怎麼使用它,說出實現細節來。

重申一下,上述這些知識點都應該是你應該「想都不用想」的東西。我一開始問的所有問題都是想摸清你對所有這些領域知識的掌握程度。雖然上面列出的這些知識點並沒有面面俱到,但我覺得你至少應該掌握這些,才有可能跟我坐到一間辦公室裡來。

少量提問

做為一名前端工程師,最值得高興的事莫過於解決同乙個問題會有很多種不同的方法,而你要做的就是找出最合適的方法來。我在提問的時候,經常會在應聘 者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說,假設你的這個方法由於種種原因被否決了,那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。

首先,可以測試出他們是否在毫無意義地複述書本中的東西。不能不承認,某些人確實有過目不忘的天賦,聽他們在那裡滔滔不絕地講,你會覺得他們什麼都 明白。可是,只要一跟這些人談到怎麼查詢方案無效的原因,以及能否拿出乙個新方案來,他們往往就傻眼了。這時候,如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問,心裡立刻就明白我的問題已經超出了他們的能力範圍,而他們只是想拿自己死記硬背的結論來蒙混過關。

其次,可以測試出他們已經掌握的(還是那句話,「想都不用想」)瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解,想出解決同一問題的不同方案根本沒有那麼難。

對一名前端工程師來說,這絕對是最重要的能力。前端工程師在工作中遇到本該如此卻並未如此的難題(說你啦,ie6),應該說是一件很平常的事。乙個方案無效就無計可施的人,做不了前端工程師。

考核應聘者解決問題能力的另一層原因,與我的個人喜好有關。在搞清楚應聘者知道什麼不知道什麼之後,我就會想著問乙個他們知識領域之外的問題。這樣 做的目的,就是想看看他們怎樣運用已有的知識解決新問題。在解決問題的每一步,我也準備了一些提示,以防有人會卡殼打艮(在我面前15分鐘一言不發,對我 評價這個人毫無幫助)。我真正感興趣的,是他們能夠從上一步前進到下一步。我希望看到乙個人就在我眼前學到新知識。

注意:所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題,就能夠考出某人解決web技術問題的能力。在我看來,這無異於讓素描大師畫肖像(或者讓劉翔跟博爾特同場競技),沒有意義,也得不到任何有價值的資訊。

有激情

要成為一名優秀的前端工程師,最重要的莫過於對自己做的事要有激情。我們技能都不是從學校中或者從研討會上學來的,因此前端工程師必須具備自學能 力。瀏覽器技術的變化可謂日新月異,所以也只有不斷提公升自己的技能才做得到與時俱進。我雖然不能強迫誰必須多看部落格、不斷學習,但想應聘前端工程師的人恐 怕還是必須這麼做的。

你怎麼知道誰對這種工作有沒有激情?實際上非常簡單。我只問乙個簡單的問題:「目前你對什麼web技術最感興趣?」這個問題永遠不會過期,而且也幾 乎不可能出錯……除非你答不上來。就眼下來說,我希望你對這個問題給出的技術中包括websocket、html、webgl、客戶端資料庫,等等。只有 對web開發充滿激情的人,才會堅持不懈地學習新知識、掌握新技能;這些人才是我真正想要的。當然,我會讓他們詳細解釋自己提到的技術,以保證他們不是隨 口說了幾個時髦的新詞彙。

最後一點

電腦科學或者web設計方面的知識當然也有用,但那都是基本知識之外的東西。只要基本知識在那兒了,一切就都有了基礎,想擴充知識面也不難。可 是,如果等到正式上班以後,還得從頭學習基本技能,那種難度是不可同日而語的。另外,高階前端工程師與一般工程師相比,肯定需要掌握更多的技能。而面試幾 乎沒有經驗大學畢業生,同樣也會有一套完全不同的程式。我在這篇文章裡列出來的都是一些最基本的東西。

對於那些還沒有多少面試經驗的人,我總是喜歡告訴他們,面試完了只要問自己乙個問題就行:你想以後跟這個人在一起共事嗎?如果不管為什麼,回答是不,那就是不。

個人分類: graduation

Web前端面試官是如何面試求職者?

一般企業會從下面幾個方面來考察面試者 1 考察對方專業知識,根據對方的回答再進行深入提問。考察專業知識這點已經是共識了。只有專業知識符合了,才能有機會進行下面的面試階段。2 詢問對方感興趣的技術是什麼 技術方面 然後根據他所說的技術,深入挖掘問下去。因為在面試官看來,如果你連感興趣的東西都了解得不多...

面試官常問的 web前端 問題(四)

vue 兩大特點 響應式程式設計 元件化 vue 的優勢 輕量級框架 簡單易學 雙向資料繫結 元件化 檢視 資料和結構的分離 虛擬 dom 執行速度快 mvvm 是 model view viewmodel 的簡寫,模型 檢視 檢視模型。模型 指的是後端傳遞的資料 資料 json 檢視 指的是所看到...

如何當好面試官

今年面試的人比較多,加起來快一百人了。由於面試任務比較多,也有越來越多的小夥伴加入了面試官的行列。總結一些面試相關的方 希望新晉面試官有些幫助,最終能高效面試。面試官的目標是為組織找到合適的人,一切行為都是圍繞這個主體來運作的。我們現在的面試還是類似於考試,這是一種能夠在短時間內高效選擇到合格面試者...