本文收集并總結(jié)了一些優(yōu)質(zhì)的前端面試題，初學(xué)者看后也要用心鉆研其中的原理，重要知識(shí)需要系統(tǒng)學(xué)習(xí)，透徹學(xué)習(xí)，形成自己的知識(shí)鏈。萬(wàn)不可投機(jī)取巧，只求面試過(guò)關(guān)是錯(cuò)誤的!
前端界新的行業(yè)標(biāo)準(zhǔn), 框架, 庫(kù)不斷在更新和新增，正如赫門(mén)在2015深JS大會(huì)上《前端服務(wù)化之路》主題演講中說(shuō)的一句話：“每18至24個(gè)月，前端都會(huì)難一倍”，這些變化使前端的能力更加豐富、創(chuàng)造的應(yīng)用也會(huì)更加完美，所以前端程序員們，繼續(xù)學(xué)習(xí)吧。
在網(wǎng)上發(fā)現(xiàn)此題目很多的分支，但都是直接拷貝粘貼，連答案和格式都沒(méi)去審查修改，實(shí)在無(wú)語(yǔ)。我也收到許多微博私信的鼓勵(lì)和更正題目信息，我這么粗心大意的人也覺(jué)得應(yīng)該更新一下題目和答案，希望能幫助到更多的前端開(kāi)發(fā)者。
面試有幾點(diǎn)需注意：
面試題目： 根據(jù)你的等級(jí)和職位變化，入門(mén)級(jí)到專(zhuān)家級(jí)：廣度↑、深度↑。
題目類(lèi)型： 技術(shù)視野、項(xiàng)目細(xì)節(jié)、理論知識(shí)，算法，開(kāi)放性題，工作案例。
細(xì)節(jié)追問(wèn)： 可以確保問(wèn)到你開(kāi)始不懂或面試官開(kāi)始不懂為止，這樣可以大大延展題目的區(qū)分度和深度，知道你的實(shí)際能力。因?yàn)檫@種關(guān)聯(lián)知識(shí)是長(zhǎng)時(shí)期的學(xué)習(xí)，絕對(duì)不是臨時(shí)記得住的。
回答問(wèn)題再棒，面試官(可能是你面試職位的直接領(lǐng)導(dǎo))，會(huì)考慮我要不要這個(gè)人做我的同事?所以態(tài)度很重要。(感覺(jué)更像是相親)
資深的工程師能把a(bǔ)bsolute和relative弄混，這樣的人不要也罷，因?yàn)閳F(tuán)隊(duì)需要的是：你這個(gè)人具有可以依靠的才能(靠譜)。
前端開(kāi)發(fā)面試知識(shí)點(diǎn)大綱：
作為一名前端工程師，無(wú)論工作年頭長(zhǎng)短都應(yīng)該必須掌握的知識(shí)點(diǎn)：
備注：
HTML
Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義?
行內(nèi)元素有哪些?塊級(jí)元素有哪些? 空(void)元素有那些?
link 和@import 的區(qū)別是?
瀏覽器的內(nèi)核分別是什么?
常見(jiàn)兼容性問(wèn)題?
HTML5有哪些新特性、移除了那些元素?如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題?如何區(qū)分 HTML 和 HTML5?
語(yǔ)義化的理解?
HTML5的離線儲(chǔ)存?
(寫(xiě))描述一段語(yǔ)義的html代碼吧。
iframe有那些缺點(diǎn)?
請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別?
WebSocket如何兼容低瀏覽器?(阿里)
