初級前端面試題

前段時間，我們的學員中心打算進行一次大的迭代，因此團隊需要增加一名前端工程師。崗位要求簡單來說就三個：

1. 熟練的頁面布局能力（HTML+CSS）；
2. 一定的Javascript編寫能力（能夠寫出常見的JS效果，如輪播圖、圖片剪裁、標籤切換等）；
3. 碰到沒有寫過的前端效果時，解決問題的能力（找第三方庫的能力？）

對於前端工程化、前端性能優化、網路協議等知識並沒有太多的要求。我負責一面，覺得不錯的人選會留給老闆來二面。以下是我準備的面試題：

筆試部分

• 說說你對json的了解
• 說說你對css reset的了解。如何看待* {padding: 0; margin: 0;}的用法？
• 說說你對語義化的了解
• 說說你對css優先順序/權重的了解
• 行內元素和塊級元素的區別是什麼？列舉出4個行內元素
• javascript有哪幾種數據類型
• 如何添加/移除/替換/插入節點、如何通過元素Id查找節點
• 說說你對ajax的了解

練手部分

• 在給定的時間內，根據設計稿編寫靜態頁面。（考察布局基本功以及編碼習慣）
• 用JS計算2017年還剩××天××時××分××秒，寫一個倒計時出來

閑聊部分（如對方練手部分表現不佳，則不再進行閑聊部分）

• 介紹一下你的上一份工作/介紹一下你參與過的某個項目
• 說一說學習前端的過程，看過哪些書
• 你有什麼想要問我的嗎

面試時一些簡單的注意事項

• 簡歷上不要有錯別字。(連這一點很多人都做不到)
• 如果簡歷上要放照片，請放正常一點的照片。
• 輕易不要用「精通」，除非你真的精通。竟然有人會寫精通「WebStorm、Sublime Text、Notepad++等開發工具」...
• 如果有個人作品,最好能寫上。（部署好的線上項目>github項目主頁>附件>什麼都沒有）。簡歷發出去之前最好能自己先把鏈接點開看一下。404/瀏覽器警告有安全隱患/圖片載入不出來...,我都見過。
• 寫項目經驗的時候，最好能附上項目的線上地址。並且註明清楚哪些部分是自己實現的。

PS:

我的前端水平，其實也就看看別人代碼（主要是HTML和CSS），按個F12改改樣式的程度。面試的時候，只要面試者不是比我更水，我更多地會關注他的思考方式，解決問題的能力以及能不能和團隊的其他成員融洽相處，1+1怎麼也不能<2吧。

推薦閱讀：