30道常見We前端面試題你會幾個？以下30到web前端面試答出了大多數的或者是全部的題表明你的基礎扎實；只答出小部分或者答出了大部分題但答案不正確，說明水平還差的遠，基礎知識不扎實距離拿高薪還很遙遠，需要基礎夯實基礎。
一、HTML常見題目
1、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？
2、HTML5為什么只需要寫？
3、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
4、頁面導入樣式時，使用link和@import有什么區別？
5、介紹一下你對瀏覽器內核的理解？
6、常見的瀏覽器內核有哪些？
7、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的；瀏覽兼容的問題？
8、如何區分HTML和HTML5？
9、簡述一下你對HTML語義化的理解？
10、HTML5的離線儲存怎么使用，工作原理能不能解釋一下？
二、CSS類的題目
1、介紹一下標准的CSS的盒子模型？與低版本IE的盒子模型有什么不同的？
2、CSS選擇符有哪些？哪些屬性可以繼承？
3、CSS優先級算法如何計算？
4、CSS3新增偽類有那些？
5、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
6、display有哪些值？說明他們的作用。
7、position的值relative和absolute定位原點是？
8、CSS3有哪些新特性？
9、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？
10、用純CSS創建一個三角形的原理是什么？
三、JavaScript類的題目
1、JavaScript 中 this 是如何工作的
2、請解釋原型繼承 的原理。
3、什么是閉包 (closure)，如何使用它，為什么要使用它？
4、.call 和 .apply 的區別是什么？
5、請指出 JavaScript 宿主對象 (host objects) 和原生對象 (native objects) 的區別？
6、請指出以下代碼的區別：function Person(){}、var person = Person()、var person = new Person()？
7、請解釋變量聲明提升 (hoisting)。
8、什么是 “use strict”; ? 使用它的好處和壞處分別是什么？
9、什么是事件循環 (event loop)？
10、請解釋同步 (synchronous) 和異步 (asynchronous) 函數的區別。