翻譯：瘋狂的技術宅
原文：https://www.indeed.com/hire/interview-questions/front-end-developer
不管你是面試官還是求職者，裡面的思路都能讓你獲益匪淺。
如何保證你的網站或 Web 應用的可訪問性？
解析：
前端開發人員在為終端使用者設計體驗時需要充分掌控其可用性和可訪問性。這個問題讓面試官知道求職者對這些標準和最佳實踐的瞭解。
面試官想要知道些什麼：
- 實施可用性和可訪問性標準的第一手經驗
- 保證可訪問性的手段
- 求職者是否曾經在專案中對可用性和可訪問性做過實施
參考答案：
我在各種瀏覽器和裝置上測試我的 Web 應用，檢查在所有裝置上的體驗是否可用。我還使用流行的螢幕閱讀軟體和其他輔助解決方案來檢視是否所有潛在使用者都可以訪問它。”
你最喜歡 HTML5 的哪些功能，以及如何在前端專案中實現？
解析：
前端開發會在 HTML5 上花費大量時間，他們整合 Web 設計並實現各種功能，從而節省開發時間並改進最終產品。
面試官想要知道些什麼：
- 深入瞭解 HTML5 功能
- 能夠清楚的解釋求職者在過去的專案中是如何使用HTML5的
- 對 HTML5 的創造性應用
參考答案：
與以前的版本相比，我喜歡 HTML5 對多媒體的支援。我使用此功能開發時，會把視訊和音訊作為使用者體驗的重要組成部分，而不必擔心它無法正確載入或破壞頁面。
如何對 CSS 和 JavaScript 程式碼進行組織，以使其他開發人員更容易使用？
解析：
前端開發人員經常會處理由以前的員工建立的程式碼，或作為團隊的一員工作。這個問題讓面試官瞭解求職者能不能建立其他員工可以理解的網站或 Web 應用。
面試官想要知道些什麼：
- 具有組織程式碼和註釋程式碼的經驗
- 如果沒有對程式碼進行恰當的註釋會發生什麼後果
- 願意讓開發團隊其他成員更輕鬆
參考答案：
我把站點的每個元件都分拆出了獨立的程式碼。每個程式碼片段都有註釋，以便其他開發人員可以更改它。
你能解釋一下 CSS float 的概念並舉例嗎？
解析：
該技術問題考察面試者對常見 CSS 元素的理解。這個問題用來篩選求職者，並確保他們不只是能夠熟練使用 CSS 的好辦法。
面試官想要知道些什麼：
- CSS float 的具體定義是什麼
- 求職者是怎樣在他們的程式碼中使用此元素的
- 是否能夠向任何人解釋這一技術概念
參考答案：
CSS float 告訴瀏覽器將特定元素放在容器的右側或左側。當我開發基於使用者解析度動態調整大小的頁面時，使用float。”
你是怎樣處理特定瀏覽器的渲染問題的？你是否發現某個瀏覽器比其他瀏覽器更具挑戰性？
解析：
基於每個瀏覽器的渲染的方式，前端開發人員必須將特定於瀏覽器的 hack 引入Web 應用和頁面。對於求職者來說，這個常見的過程應該是比較熟悉的。
面試官想要知道些什麼：
- 針對特定瀏覽器的解決方法示例
- 瞭解瀏覽器如何呈現應用和頁面
- 瞭解特定瀏覽器的特點
參考答案：
我經常需要修改 Microsoft Edge 網頁上的 DIV 位置。對於我來說，這個瀏覽器是最有問題的，因為我幾乎不會在 Chrome 或 Firefox 上遇到這類問題。
你通過哪些途徑來了解最新的前端技術？
解析：
前端開發中的技術和標準在不斷變化。擁有“持續學習”能力的求職者可以通過不斷的學習，來獲取改進開發過程和改善終端使用者體驗的方法。
面試官想要知道些什麼：
- 求職者都讀過什麼技術書籍
- 是否參與開源專案或個人有什麼開源專案
- 是否參加繼續教育或線上課程
參考答案：
我有訂閱了幾個前端開發方面的雜誌，並經常訪問 Stack Overflow 論壇。這些資源幫助我瞭解前端開發的最新技術。
你最喜歡的前端專案是什麼？為什麼？
解析：
這個問題可讓面試官深入瞭解前端開發人員的個人偏好。一些求職者可能更傾向網站專案，而其他人更喜歡參與Web 應用團隊。
面試官想要知道些什麼：
- 對他們最喜歡的發展方向的見解
- 他們描述該專案時表現出的熱情
- 他們最喜歡的前端專案的案例
參考答案：
我最近為當地醫院開發了一個網路應用。它簡化了患者的求醫過程，當我知道自己的工作能幫助患者更快地獲得所需的幫助時非常開心。