前端工程師面試問題集 Front-end Job Interview Questions

前端工程師面試問題集. 譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文，翻譯不好地方請協助Pull request。

此文件包含了一些前端開發的 ... Skiptomaincontent★Front-endDeveloperInterviewQuestions🌐TranslationsQuestions:GeneralHTMLCSSJavaScriptA11yTestingPerformanceNetworkCodingFun前端工程師面試問題集譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文，翻譯不好地方請協助Pullrequest。

此文件包含了一些前端開發的面試問題，來審查一個有潛力的面試者。

這並不是建議你對同一個面試者問上所有的問(那會花費好幾小時)。

從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。

注意：請記住一點，很多問題都是隨情況而變化，能引發很多有趣的討論，比直接的標準答案更能讓你瞭解此人的能力。

目錄常見問題HTML問題CSS問題JS問題測試問題效能問題網路問題程式碼問題有趣問題參與貢獻貢獻作者群如何貢獻版權宣告常見問題：你昨天或這週學習了什麼？寫程式的哪部份最讓你感到很興奮或是有興趣？最近有無遇過不容易的技術性問題，又如何解決？當你開發Web應用程式或網站時，針對UI、安全性、效能、SEO、維護性，以及技術，你考量的點是什麼？說說你喜好的開發環境(作業系統,編輯器或IDE,瀏覽器,開發工具…之類)。

你最熟悉哪一套版本控制系統？你可以描述你在開發一個網站時的工作流程嗎？如果有5種不同的樣式表(stylesheets)，該如何整併到網站？你可以描述漸進增強(progressiveenhancement)和優美退化(gracefuldegradation)間的差異嗎？你怎麼優化一個網站的靜態檔案(assets)和資源(resources)？說出三種能加快網頁讀取速度的方法(感覺上的速度或是真正的讀取時間)。

如果你加入了一個專案，但是他們的程式碼用tabs，但是你習慣用spaces(空白鍵)，你會怎麼做？寫一個簡易的投影片頁面。

你用什麼工具來測試你的程式碼效能？如果今年你能精通一項技術，那會是什麼？描述標準和製定標準機構的重要性？什麼是FlashofUnstyledContent？你怎麼避免FOUC？解釋什麼是ARIA與screenreaders，它們是怎麼樣讓網站使用更無障礙？解釋CSS動畫與JavaScript動畫之間的憂與劣。

CORS是什麼，它解決了什麼問題？HTML問題:doctype做什麼用的？standardsmode和quirksmode有什麼不同？使用XHTML有什麼限制？?如果網頁使用application/xhtml+xml會有問題嗎？你怎麼做一個需要支持多國語言的網頁？當開發和設計一個多國語言網站時，有什麼需要小心的？data-屬性的好處在哪？考慮HTML5作為一個開放式的網站平台，組成HTML5的技術有哪些？請描述cookies,sessionStorage和localStorage的不同？描述下列之間的不同