面試題應該反映出的只是你掌握前端知識的冰山一角。別把冰山全貌給展現出來咯
html/css
大家有沒有感覺，就是面試時幾乎都會被問到的什麼是盒子模型？
我想大家應該回答都是「哦，盒子模型啊，就是外邊距+邊框+內邊距+容器自身的寬高
」。也就是下面這張圖，沒錯這樣回答大部門面試官就這樣放過你了
這是標準的盒子模型
如果面試官想再深入一下呢，ie的盒子模型和你說的盒子模型有什麼區別呢？
咯咯，內心不要罵ie！！！
do you know!!!
ie的盒子模型被噴了n年之後，大家發現實際上還挺好用。
box-sizing:border-box;
這個css的樣式，大家可能不是很陌生吧。
沒錯它的計算方法就是ie的盒子模型[外邊距+寬高(內邊距+邊框+容器寬高)
]；box-sizing:content-box;(這個是標準模型)；
常規題除了img是inline-block以外。
其他的扔在**裡，看看會不會換行。
3，doctype
這個東西厲害了。
講真，我寫前端6年了，你讓我背，我還真不能一字不差的背不出那一長串。
doctype的作用是申明文件型別
一般會問的點，為什麼要寫這麼一段。
這裡標準答案，應該是確定標準或是怪異模式。
1） 盒模型： ie下標準模式為標準w3c盒模型【content+padding+border+margin】，怪異模式為ie盒模型【content+margin：padding與border包含在content寬高中】
2） 行內元素的垂直對齊：基於 gecko 的瀏覽器【mozilla firefox、hotbrowser、mozilla suite、camino】標準模式對齊至基線，怪異模式對齊至底部
3） 怪異模式中，ie6/7/8都不認識!important宣告
4） 設定行內元素的高寬： 在standards模式下，給等行內元素設定wdith和height都不會生效，而在quirks模式下，則會生效。
5） 使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。
未完待續
前段面試題 不定期更新
1.實現不知寬高元素的垂直水平居中 2.css優先順序演算法如何計算 元素選擇符 1 class選擇符 10 id選擇符 100 元素標籤 1000 important宣告的樣式優先順序最高，如果衝突再進行計算。如果優先順序相同，則選擇最後出現的樣式。繼承得到的樣式的優先順序最低 3.雪碧圖 精靈圖...
黃瓜的不定期更新面試題
1http和https的區別 1 https協議需要到ca申請證書，http不需要 2 http是超文字傳輸協議，https則是具有安全性的ssl加密傳輸協議。3 http和https使用的是完全不同的連線方式，用的埠也不一樣，前者是80，後者是443 4 http的連線很簡單，是無狀態的 http...
2018前端面試題彙總（更新 ）
var name jay var pe console.log pe.getname var pe1 pe.getname console.log pe1 輸出兩個console.log kang jay最簡潔的es6 set方法 var arr 2,2,2,3,3,4,5,6,4 var set ...