如今很多人受到Web前端的誘惑紛紛報名來學Web前端，他們希望自己通過5個月的系統學習就獲得能找到一份高工資的Web前端開發工作，但是真的有那么容易嗎？你真的有與高工資相對應的能力嗎？你想知道自己的技術水平與高工資匹不匹配嗎？下面小千分享了一些Web前端的面試題，限時一小時，你看看自己能夠答出多少道！

放心，這些面試題都是一些非常基礎的知識，只要你在平時認真聽課、學習了，那么這些面試題肯定不會難道你。

小千建議：雖然沒有人監督你，但還是希望你不要去尋找答案，脫離百度，拿起紙筆，你試一下自己究竟能夠答出個什么水平！有沒有真本領？答案盡在這些面試題里！那么，你準備好了嗎？OK！計時開始！

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

三、Java類的題目

01、介紹Java的基本數據類型。

02、說說寫Java的基本規范？

03、Java原型，原型鏈？有什么特點？

04、Java有幾種類型的值？(堆：原始數據類型和棧：引用數據類型)，你能畫一下他們的內存圖嗎？

05、Java如何實現繼承？

06、Java創建對象的幾種方式？

07、Java作用鏈域？

08、談談This對象的理解。

09、eval是做什么的？

10、什么是window對象？什么是document對象？

OK，一小時到了，這個時間可不算短了，那么這些面試題你答出了幾道呢？你寫的答案正確了嗎？現在你可以去翻看答案了。

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

你這時心里是不是有點小竊喜，認為自己有能力拿高工資了？雖然小千也很想這么告訴你，但事實上這只能表明你的基礎扎實，畢竟這只是一些非常基礎的面試題。騷年~繼續努力吧！

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

扎實的基礎是你拿高工資的重要武器，如果你連基礎都不扎實，那么想要攻克“高工資”這個厚實的堡壘，那只是癡人說夢罷了。希望以上的分享能幫到大家！

本文來自千鋒教育，轉載請注明出處。

總結

以上是生活随笔為你收集整理的30道Web前端面试题，你能答出多少道？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。