HTML前端開發(fā)面試題及前端知識

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

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

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

面試有幾點需注意：

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

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

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

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

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

前端開發(fā)面試知識點大綱：

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

備注：

HTML

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

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

link和@import的區(qū)別是?

瀏覽器的內(nèi)核分別是什么?

常見兼容性問題?

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

語義化的理解?

HTML5的離線儲存?

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

iframe有那些缺點?

請描述一下cookies，sessionStorage和localStorage的區(qū)別?

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