2018 前端面试题（不定期更新）
前端基礎面試題
??
以下更多的題目，希望大家能掌握更多的前端知識，發現自身的不足。不單單是看題目，背答案。
面試題應該反映出的只是你掌握前端知識的冰山一角。別把冰山全貌給展現出來咯
?
?
HTML/CSS
?
1、什么是盒子模型？
大家有沒有感覺，就是面試時幾乎都會被問到的什么是盒子模型？
我想大家應該回答都是“哦，盒子模型啊，就是外邊距+邊框+內邊距+容器自身的寬高”。
也就是下面這張圖，沒錯這樣回答大部門面試官就這樣放過你了
?
這是標準的盒子模型
如果面試官想再深入一下呢，IE的盒子模型和你說的盒子模型有什么區別呢？
咯咯，內心不要罵IE！！！
Do you know!!!
IE的盒子模型被噴了N年之后，大家發現實際上還挺好用。
box-sizing:border-box;
這個css的樣式，大家可能不是很陌生吧。
沒錯它的計算方法就是IE的盒子模型[外邊距+寬高(內邊距+邊框+容器寬高)]；
box-sizing:content-box;(這個是標準模型)；
?
2、行內元素有哪些？塊級元素有哪些？
常規題
除了img是inline-block以外。
其他的扔在代碼里，看看會不會換行。
?
3，Doctype
這個東西厲害了。
講真，我寫前端6年了，你讓我背，我還真不能一字不差的背不出那一長串。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
?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模式下卻會失效。
?
未完待續?
?
?
轉載于:https://www.cnblogs.com/youku/p/9410830.html
總結
以上是生活随笔為你收集整理的2018 前端面试题（不定期更新）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 蓝书3.7 欧拉回路
- 下一篇： 2017年html5行业报告,云适配发布