在web前端工程師求職過程中，除了擁有過硬的前端技術(shù)外，還需要具備一定的面試技巧。前端工程師在面試時，面試題是必考項(xiàng)，因此在面試之前需要我們多了解各大企業(yè)的面試要求以及面試題目，以便提高面試成功率。在此，小千為大家整理了常見的web前端開發(fā)面試題匯總，希望對大家有所幫助！

　　HTML常見題目

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

　　02、HTML5為什么只需要寫?

　　03、行內(nèi)元素有哪些?塊級元素有哪些?空(void)元素有哪些?

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

　　05、介紹一下你對瀏覽器內(nèi)核的理解?

　　06、常見的瀏覽器內(nèi)核有哪些?

　　07、html5有哪些新特性、移除了哪些元素?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題?

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

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

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

　　CSS類的題目

　　01、介紹一下標(biāo)準(zhǔn)的CSS的盒子模型?與低版本IE的盒子模型有什么不同的?

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

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

　　04、CSS3新增偽類有哪些?

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

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

　　07、position的值relative和absolute定位原點(diǎn)是?

　　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攻擊技術(shù)。

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

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

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

　　07、頁面重構(gòu)怎么操作?

　　08、什么叫優(yōu)雅降級和漸進(jìn)增強(qiáng)?

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

　　10、平時如何管理你的項(xiàng)目?

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