想成功就業(yè)web前端工程師，想要能高薪就業(yè)，那么除了好的web前端技能以外，還得有好的面試技巧，如果提前就了解更多企業(yè)的面試要求及面試題目，那么可以讓我們的面試成功的幾率大大的提高。今天云和數(shù)據小編就整理了一些經典的web前端面試題，希望可以祝大家一臂之力。

一、HTML常見題目

01、Doctype作用？嚴格模式與混雜模式如何區(qū)分？它們有何意義？

02、HTML5為什么只需要寫？

03、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？

04、頁面導入樣式時，使用link和@import有什么區(qū)別？

05、介紹一下你對瀏覽器內核的理解？

06、常見的瀏覽器內核有哪些？

07、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？

08、如何區(qū)分HTML和HTML5？

09、簡述一下你對HTML語義化的理解？

10、HTML5的離線儲存怎么使用，工作原理能不能解釋一下？

二、CSS類的題目

01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什么不同的？

02、CSS選擇符有哪些？哪些屬性可以繼承？

03、CSS優(yōu)先級算法如何計算？

04、CSS3新增偽類有那些？

05、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？

06、display有哪些值？說明他們的作用。

07、position的值relative和absolute定位原點是？

08、CSS3有哪些新特性？

09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？

10、用純CSS創(chuàng)建一個三角形的原理是什么？

三、JavaScript類的題目

01、JavaScript 中 this 是如何工作的

02、請解釋原型繼承 的原理。

03、什么是閉包 (closure)，如何使用它，為什么要使用它？

04、.call 和 .apply 的區(qū)別是什么？

05、請指出 JavaScript 宿主對象 (host objects) 和原生對象 (native objects) 的區(qū)別？

06、請指出以下代碼的區(qū)別：function Person(){}、var person = Person()、var person = new Person()？

07、請解釋變量聲明提升 (hoisting)。

08、什么是 “use strict”; ? 使用它的好處和壞處分別是什么？

09、什么是事件循環(huán) (event loop)？

10、請解釋同步 (synchronous) 和異步 (asynchronous) 函數(shù)的區(qū)別。

四、開發(fā)及性能優(yōu)化類題目

01、如何規(guī)避javascript多人開發(fā)函數(shù)重名問題？

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

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

04、說說你說了解的前端性能優(yōu)化方法？

05、前端開發(fā)中，如何優(yōu)化圖像？圖像格式的區(qū)別？

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

07、頁面重構怎么操作？

08、什么叫優(yōu)雅降級和漸進增強？

09、前端需要注意哪些SEO？如何做SEO優(yōu)化?

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

以上就是一些面試中出現(xiàn)頻率比較高的問題，快看看你能回答出幾道？如果你遇到了其他經典的面試題，歡迎留言與大家分享~答對這40道經典web前端面試題，想不拿到offer都難！