Web前端高薪的誘惑，學習門檻低，無論是學生黨還是工作者，都渴望著憑藉著自己的能力，空餘的時間，想學一下前端。或許是愛好，或許是想從事這份工作。但是真的那麼容易嗎？如今初級前端的工作，已經接近飽和，並且供過於求的狀態，企業需要的更多的是基礎牢固，至少會一門的後端技能的前端開發工程師。已經不再是以前所說的切圖仔，美工。前端開發崗位已經在很多大企業屬於獨立的，需要專業技能的崗位。
你想知道自己的技術水平與高薪匹不匹配嗎？下面分享了一些Web前端的面試題，限時一小時，你看看自己能夠答出多少道！
一、HTML常見題目
01、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？
02、HTML5為什麼只需要寫？
03、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
04、頁面導入樣式時，使用link和@import有什麼區別？
05、介紹一下你對瀏覽器內核的理解？
06、常見的瀏覽器內核有哪些？
07、html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？
08、如何區分HTML和HTML5？
09、簡述一下你對HTML語義化的理解？
10、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？
二、CSS類的題目
01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？
02、CSS選擇符有哪些？哪些屬性可以繼承？
03、CSS優先級算法如何計算？
04、CSS3新增偽類有那些？
05、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
06、display有哪些值？說明他們的作用。
07、position的值relative和absolute定位原點是？
08、CSS3有哪些新特性？
09、請解釋一下CSS3的Flexbox(彈性盒佈局模型),以及適用場景？
10、用純CSS創建一個三角形的原理是什麼？
get最新最全的IT技能，免費領取各種編程資料（Java、python、前端、大數據、區塊鏈....）
三、JavaScript類的題目
01、JavaScript 中 this 是如何工作的
02、請解釋原型繼承 的原理。
03、什麼是閉包 (closure)，如何使用它，為什麼要使用它？
04、.call 和 .apply 的區別是什麼？
05、請指出 JavaScript 宿主對象 (host objects) 和原生對象 (native objects) 的區別？
06、請指出以下代碼的區別：function Person(){}、var person = Person()、var person = new Person()？
07、請解釋變量聲明提升 (hoisting)。
08、什麼是 “use strict”; ? 使用它的好處和壞處分別是什麼？
09、什麼是事件循環 (event loop)？
10、請解釋同步 (synchronous) 和異步 (asynchronous) 函數的區別。
如果你答出了絕大多數的或者是全部的題，並且答案也正確了，那麼恭喜你……
你這時心裡是不是有點小竊喜，但事實上這隻能表明你的基礎紮實，畢竟這只是一些基礎的面試題。
如果你只答出了小部分或者答出了大部分題但答案不正確，那麼我只想說：“騷年，你的水平還差的遠呢。”連這麼基礎的題你都打不出來，還想拿高薪？回去再練一段時間吧！紮實的基礎是你拿高薪的重要武器，如果你連基礎都不紮實，那麼想要攻克“高薪”這個厚實的堡壘，那只是痴人說夢罷了。
寫在最後
get最新最全的IT技能，免費領取各種編程資料（Java、python、前端、大數據、區塊鏈....）
閱讀更多 傳智播客博學谷 的文章
