想成功就業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) 函數的區別。

四、開發及性能優化類題目

01、如何規避javascript多人開發函數重名問題？

02、請說出三種減低頁面加載時間的方法.

03、說說你所了解到的Web攻擊技術。

04、說說你說了解的前端性能優化方法？

05、前端開發中，如何優化圖像？圖像格式的區別？

06、瀏覽器是如何渲染頁面的？

07、頁面重構怎么操作？

08、什么叫優雅降級和漸進增強？

09、前端需要注意哪些SEO？如何做SEO優化?

10、平時如何管理你的項目？

以上就是一些面試中出現頻率比較高的問題，快看看你能回答出幾道？如果你遇到了其他經典的面試題，歡迎留言與大家分享~

聲明：除云和數據原創文章外，分享和轉載的文章皆為促進IT技術的傳播，并不代表本微信贊同其觀點和對真實性負責，僅做交流學習使用，非商業用途。如有文章或圖片的原作者有異議或涉及版權問題，請立即聯系我們，我們將在第一時間進行改正或刪除，確保您的權益，謝謝支持！