這30道Web前端面試題，一個小時內你能否答得出來？

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建立一個三角形的原理是什麼？

三、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) 函式的區別。

如果你答出了絕大多數的或者是全部的題，並且答案也正確了，那麼恭喜你……

你這時心裡是不是有點小竊喜，認為自己有能力拿高薪了？雖然也很想這麼告訴你，但事實上這隻能表明你的基礎紮實，畢竟這只是一些基礎的面試題。

如果你只答出了小部分或者答出了大部分題但答案不正確，那麼我只想說：“騷年，你的水平還差的遠呢。”連這麼基礎的題你都打不出來，還想拿高薪？回去再練一段時間吧！

紮實的基礎是你拿高薪的重要武器，如果你連基礎都不紮實，那麼想要攻克“高薪”這個厚實的堡壘，那只是痴人說夢罷了。

如果你依然在程式設計的世界裡迷茫，不知道自己的未來規劃，可以加入前端學習交流群：731771211 裡面可以與大神一起交流並走出迷茫。新手、進階。可進群免費領取學習資料，看看前輩們是如何在程式設計的世界裡傲然前行。有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。