本文收集并總結了一些優質的前端面試題，初學者看后也要用心鉆研其中的原理，重要知識需要系統學習，透徹學習，形成自己的知識鏈。萬不可投機取巧，只求面試過關是錯誤的!

前端界新的行業標準, 框架, 庫不斷在更新和新增，正如赫門在2015深JS大會上《前端服務化之路》主題演講中說的一句話：“每18至24個月，前端都會難一倍”，這些變化使前端的能力更加豐富、創造的應用也會更加完美，所以前端程序員們，繼續學習吧。

在網上發現此題目很多的分支，但都是直接拷貝粘貼，連答案和格式都沒去審查修改，實在無語。我也收到許多微博私信的鼓勵和更正題目信息，我這么粗心大意的人也覺得應該更新一下題目和答案，希望能幫助到更多的前端開發者。

面試有幾點需注意：

面試題目： 根據你的等級和職位變化，入門級到專家級：廣度↑、深度↑。

題目類型： 技術視野、項目細節、理論知識，算法，開放性題，工作案例。

細節追問： 可以確保問到你開始不懂或面試官開始不懂為止，這樣可以大大延展題目的區分度和深度，知道你的實際能力。因為這種關聯知識是長時期的學習，絕對不是臨時記得住的。

回答問題再棒，面試官(可能是你面試職位的直接領導)，會考慮我要不要這個人做我的同事?所以態度很重要。(感覺更像是相親)

資深的工程師能把absolute和relative弄混，這樣的人不要也罷，因為團隊需要的是：你這個人具有可以依靠的才能(靠譜)。

前端開發面試知識點大綱：

作為一名前端工程師，無論工作年頭長短都應該必須掌握的知識點：

備注：

HTML

Doctype作用? 嚴格模式與混雜模式如何區分?它們有何意義?

行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?

link 和@import 的區別是?

瀏覽器的內核分別是什么?

常見兼容性問題?

HTML5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?

語義化的理解?

HTML5的離線儲存?

(寫)描述一段語義的html代碼吧。

iframe有那些缺點?

請描述一下 cookies，sessionStorage 和 localStorage 的區別?

WebSocket如何兼容低瀏覽器?(阿里)