摘自：* <cite>markyun<cite> 2014年最新前端開(kāi)發(fā)面試題 和 前端開(kāi)發(fā)面試題
- <cite>darcyclarke</cite>Front-end-Developer-Interview-Questions
1.get和post的區(qū)別##
- get向指定的資源請(qǐng)求數(shù)據(jù),請(qǐng)求的數(shù)據(jù)會(huì)附在URL之后,就是把數(shù)據(jù)放置在請(qǐng)求行（request line）中），以?分割URL和傳輸數(shù)據(jù)，多個(gè)參數(shù)用&連接赡茸；
- post向指定的資源提交要被處理的數(shù)據(jù)
get方法森缠，查詢請(qǐng)求是在url中顯示的，有長(zhǎng)度限制，get方法是安全冪等的。而post方法請(qǐng)求是封裝在http消息包體中
| & | get | post |
|---|---|---|
| 后退/刷新 | 無(wú)害 | 請(qǐng)求重新提交 |
| 書(shū)簽 | 可做書(shū)簽 | 不可做 |
| 緩存 | 可被緩存 | 不能被緩存 |
| 歷史 | 保留在瀏覽器記錄里 | 不保留 |
| 對(duì)數(shù)據(jù)長(zhǎng)度限制 | 限制（2048字符） | 不限制 |
| 安全性 | url中暴露數(shù)據(jù) | 相對(duì)安全 |
| 可見(jiàn)性 | url中可見(jiàn) | 不可見(jiàn) |
總結(jié)：
①. 對(duì)于get來(lái)說(shuō)，是向服務(wù)器端請(qǐng)求數(shù)據(jù)殿衰，其請(qǐng)求在url中可見(jiàn)渠缕，其長(zhǎng)度有限制（2048字符）個(gè)體方法是安全冪等，這里的安全是指用于獲取信息而非修改信息游添，冪等是指每次請(qǐng)求得到的結(jié)果都一樣。
②. 對(duì)于post來(lái)說(shuō)，是向服務(wù)器端提交數(shù)據(jù)皂贩，每次刷新或者后退都會(huì)重新提交，post請(qǐng)求的數(shù)據(jù)封裝在http請(qǐng)求的首部里昆汹。
2. HTTP 狀態(tài)碼##
-
1XX代表請(qǐng)求已經(jīng)被接收明刷； -
2xx代表請(qǐng)求已成功被服務(wù)器接收、理解满粗、并接受辈末。常用的200表示請(qǐng)求已成功，請(qǐng)求所希望的響應(yīng)頭或數(shù)據(jù)體將隨此響應(yīng)返回映皆； -
3xx代表重定向挤聘。 -
4xx代表客戶端錯(cuò)誤。404表示網(wǎng)頁(yè)不存在捅彻。 -
5xx代表服務(wù)器錯(cuò)誤组去。500表示服務(wù)器內(nèi)部錯(cuò)誤，503表示服務(wù)器暫時(shí)不可用
3.前端MVC框架##
MVC（模型-視圖-控制器）
Model(模型)主要與業(yè)務(wù)數(shù)據(jù)有關(guān)步淹。
View(視圖)是關(guān)于構(gòu)件和維護(hù)一個(gè)DOM元素从隆。應(yīng)用程序數(shù)據(jù)的可視化表示。
Controller(控制器）用戶更新視圖缭裆，controller更新model.(網(wǎng)上沒(méi)有這類(lèi)型的詳細(xì)文章键闺，這里可以好好寫(xiě)一寫(xiě)，畫(huà)畫(huà)圖澈驼，各個(gè)框架MVC之間的異同辛燥。)
如知乎，把數(shù)據(jù)請(qǐng)求和數(shù)據(jù)操作放在model中缝其，對(duì)視圖的操作和改變放在view中购桑，事件綁定放在controller中。
4.閉包##
請(qǐng)見(jiàn)隔壁氏淑。
5.DOCTYPE的作用勃蜘？嚴(yán)格模式與混雜模式如何區(qū)分？它們有什么意義假残？
DOCTYPE聲明位于HTML文檔頂端缭贡，告訴瀏覽器應(yīng)該用什么文檔類(lèi)型規(guī)范來(lái)解析這個(gè)文檔炉擅；
嚴(yán)格模式的排版和JS運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行；而混雜模式中阳惹，頁(yè)面以較寬松的向后兼容的模式顯示谍失。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。
莹汤；DOCTYPE不存在或者格式不正確快鱼，則瀏覽器以混雜模式呈現(xiàn)文檔。
6.行內(nèi)元素有哪些纲岭？塊級(jí)元素有哪些抹竹？空（void )元素有哪些？##
7.link和@import的區(qū)別
8.瀏覽器的內(nèi)核分別是什么
9.常見(jiàn)兼容性問(wèn)題
- 瀏覽器的
padding和marigin不同止潮。
10.語(yǔ)義化的理解
11.HTML5的離線存儲(chǔ)
localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)窃判，瀏覽器關(guān)閉后數(shù)據(jù)不丟失；而sessionStorage數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除喇闸。
12.cookie和session的區(qū)別##
① cookie數(shù)據(jù)存在客戶的瀏覽器上袄琳，session數(shù)據(jù)存放在服務(wù)器端
② cookie不安全
③ session會(huì)在一定時(shí)間內(nèi)保存在服務(wù)器端，訪問(wèn)增多燃乍，占用服務(wù)器性能唆樊。
④ 單個(gè)cookie保存的數(shù)據(jù)不超過(guò)4K
13.(寫(xiě))描述一段語(yǔ)義的html代碼吧。##
14.frame有那些缺點(diǎn)刻蟹？##
15.請(qǐng)描述一下 cookies逗旁，sessionStorage 和 localStorage 的區(qū)別？##
cookie在瀏覽器和服務(wù)器間來(lái)回傳遞座咆。 sessionStorage和localStorage不會(huì)
sessionStorage和localStorage的存儲(chǔ)空間更大；
sessionStorage和localStorage有更多豐富易用的接口仓洼；
sessionStorage和localStorage各自獨(dú)立的存儲(chǔ)空間介陶；
16.介紹一下CSS的盒子模型？
① 有兩種色建， IE 盒子模型哺呜、標(biāo)準(zhǔn) W3C 盒子模型；IE的content部分包含了 border 和 padding;
② 盒模型： 內(nèi)容(content)箕戳、填充(padding)某残、邊界(margin)、 邊框(border).
17.CSS 選擇符有哪些陵吸？哪些屬性可以繼承玻墅？?jī)?yōu)先級(jí)算法如何計(jì)算？ CSS3新增偽類(lèi)有那些壮虫？##
!important>id>class>tag
