7 個Web開發工程師面試題和回答策略

翻譯：瘋狂的技術宅
原文： https://www.indeed.com/hire/i...

---

本文首發微信公衆號：jingchengyideng
歡迎關注，天天都給你推送新鮮的前端技術文章

---

無論你是面試官仍是求職者，裏面的思路都能讓你獲益匪淺。

Web開發人員的職責是什麼？

解析：

Web工程師應該充分了解本身的角色，以及怎樣爲Web設計和開發作出貢獻。這個問題能幫助面試官瞭解求職者打算怎樣配合團隊，以及他們是否知道本身要作些什麼。

面試官想知道什麼：

• 清楚地瞭解Web開發過程
• 他們強調那些職責
• 他們打算怎樣發揮本身的能力

參考答案：

Web工程師負責設計、開發、加強、測試和部署Web應用，其最終目標是建立引人入勝並且用戶友好的站點佈局和功能。開發人員負責收集並定義需求、維護網站、排除故障並修復錯誤，遵循最佳開發實踐並與其餘團隊協做。

---

是什麼引起了你對Web開發的興趣？

解析：

求職者是否很早就成爲了Web開發人員？他們是自學成才嗎？瞭解候求職者選擇這個方向的緣由有助於肯定他們對該職業的熱情和信心。

面試官想知道什麼：

• 熱情
• 動機
• 經驗

參考答案：

我之前的工做是營銷協調員，我常用在線工具來製做電子郵件廣告。後來我找到了拖放功能的bug，並發現若是我直接編輯HTML，能夠很靈活的實現我想要的外觀。這時我開始着迷於Web開發人員具備想象力、藝術性和技術性的能力，同時想開發出一種對他人有幫助的產品。

---

什麼是W3C，它爲何很重要？

解析：

Web開發人員應對其生成的內容負責，要確保全部用戶均可以訪問，並遵循W3C標準。這個問題將告訴你求職者是否具 W3C 的知識並在工做中遵循它們。

面試官想知道什麼：

• 基本知識
• 關心標準
• 關於他們如何遵照標準的細節

參考答案：

W3C 的意思是 World Wide Consortium，它是一個專一於開發和標準化 Web 的國際社區。做爲Web開發人員，強制執行這些標準可確保全部瀏覽器都能訪問Web內容，並優化用戶體驗。例如：使用符合 W3C 標準的 CSS 和 XML 可使每一個網站的功能類似，也能夠改善搜索引擎優化。

---

解釋如何優化和減小Web應用的加載時間。

解析：

幾乎一半的用戶但願在兩秒鐘內加載網頁。提出此問題以瞭解求職者是否瞭解頁面加載時間對用戶體驗的影響，以及Web開發人員應如何優化加載時間。

面試官想知道什麼：

• 他們對優化Web應用的重視程度
• 瞭解可用於分析網站速度的工具
• 他們具備優化能力的證據

參考答案：

儘管有不少技術手段能減小加載時間，但我始終依賴優化圖像、啓用瀏覽器緩存和最小化HTTP 請求。我評估網站速度的首選工具是 Google PageSpeed Insights。我曾經經過 soley 啓用瀏覽器緩存，成功地將頁面加載時間從 2.1 秒減小到 0.7 秒。

---

HTTP/2 和 HTTP 1.1 有什麼區別？

解析：

是否瞭解並使用過 HTTP/2 ，可以體現求職者的知識水平，讓你瞭解他們是否可以跟上技術的發展。

面試官想知道什麼：

• 總體 HTTP 知識
• 可以回憶起具體細節
• 洞察他們的技術水平

參考答案：

HTTP/2 旨在提升 Web 應用的性能，能夠減小加載時間並改善瀏覽器與服務器之間的通訊，而且可以使應用更簡單、快速。我很是支持使用 HTTP/2，由於我曾經分析過相關數據，並知道了 HTTP/2 是如何將頁面加載時間減小20％的。

---

你熟悉哪一種編程語言？

解析：

HTML，CSS，SQL，PHP，Ruby，Python 和 JavaScript 是 Web 工程師應該可以輕鬆駕馭的常見編程語言。這個問題能幫助面試官評估求職者的經驗、偏好、優點和劣勢。

面試官想知道什麼：

• 熟悉的編碼語言
• 對特定語言的偏好程度
• 是否適合崗位和公司

參考答案：

我精通 HTML、CSS 和 PHP，而且 SQL 和 JavaScript的水平也不錯。我打算學習 Python，最近正在研究適合本身的Python課程，以便在空閒時間學習。

---

你怎樣平衡客戶的苛刻要求？

解析：

Web 開發工程師可能面臨意想不到的挑戰，包括縮短開發週期和麪對過於雄心勃勃的客戶。清楚地瞭解求職者如何處理這種狀況，將有助於面試官瞭解他們作事的優先級和思考過程。

面試官想知道什麼：

• 在壓力下的表現
• 溝通技巧
• 致力於發佈高品質的產品

參考答案：

在我面對苛刻的需求時，會想辦法充分了解對方的真正要求，優先處理本身的任務並與客戶保持開放的溝通渠道。我很難容忍Bug的產生，也不同意用一些取巧的手段破壞最終的產品形態，不過讓客戶滿意是一個高度優先的選項。我會隨時向客戶通報個人進展並高效地完成任務。

---

歡迎繼續閱讀本專欄其它高贊文章：

• 12個使人驚歎的CSS實驗項目
• 世界頂級公司的前端面試都問些什麼
• CSS Flexbox 可視化手冊
• 過節很無聊？仍是用 JavaScript 寫一個腦力小遊戲吧！
• 從設計者的角度看 React
• CSS粘性定位是怎樣工做的
• 一步步教你用HTML5 SVG實現動畫效果
• 程序員30歲前月薪達不到30K，該何去何從
• 7個開放式的前端面試題
• React 教程：快速上手指南

---

本文首發微信公衆號：jingchengyideng

歡迎掃描二維碼關注公衆號，天天都給你推送新鮮的前端技術文章