在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、平時如何管理你的項目?

　　以上小千對HTML、CSS、JavaScript、開發及性能優化這四大類的web前端開發面試題進行了匯總，以上都是在面試中出現頻率較高的題目，快來測試一下吧！更多關于“Web培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業需求，更科學更嚴謹，每年培養泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。