前端面試指南：HTML5常見的六大面試題（附答案）

隨著移動網際網路時代的到來，HTML5流行風盛行，HTML5開發工程師在人才市場中變得非常吃香。而2019年的今天，招聘網站上的HTML5開發工程師職位數量依舊龐大。那麼求職者們怎樣才能成功面試上HTML5開發工程師崗位呢?

除了要有一份精美的簡歷，還得做好充足的面試準備，其中最重要的是需要了解一些用人企業常問的HTML5面試題和套路。所以 陝西優就業小編今天就給小夥伴們分享六個面試題，都是用人企業愛問的，你一定要仔細看哦!

首先，小編先向各位簡單的介紹下面試流程。大公司的面試流程分為筆試—專案經理面談—總監面談—機試—HR面談五大部分。筆試題目不會太難，都是些基礎題目，且js部分佔的比例較多，主要是企業想了解你的前端基礎如何;面談過程都會比較輕鬆，對方的面試官會在與你聊天的過程中，問你一些相關的技術問題，這個稍後下面著重介紹;機試給你一個頁面，然後讓你在電腦上用程式碼寫出來;最後才是HR與你談薪資待遇。

那麼，用人企業的專案經理和技術總監一般會問哪些的問題呢?專案經理重基礎，問得會比較細，而總監注重架構，全域性觀。下面小編奉上六個經典的面試問題，都是些基礎題，大家仔細看。

問題一：瀏覽器是怎麼對HTML5的離線儲存資源進行管理和載入的?

答：瀏覽器發現html頭部有manifest屬性，它會請求manifest檔案，如果是第一次訪問app，那麼瀏覽器就會根據manifest檔案的內容下載相應的資源並且進行離線儲存。如果已經訪問過app並且資源已經離線儲存了，那麼瀏覽器就會使用離線的資源載入頁面，然後瀏覽器會對比新的manifest檔案與舊的manifest檔案，如果檔案沒有發生改變，就不做任何操作，如果檔案改變了，那麼就會重新下載檔案中的資源並進行離線儲存。離線情況下，瀏覽器就直接使用離線儲存的資源。

問題二：JS中有哪些資料型別呢?

答：JS中有5種資料型別：Undefined、Null、Boolean、Number和String。還有一種複雜的資料型別object，object本質是一組無序的名值對組成的。

問題三：IE瀏覽器css浮動與相容性問題

答：浮動之後，需要清除浮動才不會產生問題。現在主流方法是在浮動元素的父級新增一個class，內容為：

.clear:after{content:'';display:block;clear:both;}

.clear{zoom:1;}//這個是為了相容IE

然後父級新增一個class=“clear”即可

問題四：js放在html的不同位置有什麼區別嗎?

答：如果使用window.函式，將js程式碼放在其中，則放在哪裡都是一樣的，因為都是在body載入完再執行的，如果不使用window.函式,放在head中的話，程式碼不會被執行，這是因為html執行順序，確切的說是js的執行順序，HTML從上執行到的時候進入test.js檔案。前面的不會執行，也就是被function包起來的不會被執行，這個時候就執行最後一句。去頁面中取元素。但是這個時候，HTML頁面並沒有載入完。所以找不到元素，就會報錯。

問題五：移動html5開發流行的框架有哪些?

答：1、jQueryMobile，jQueryMobile是jQuery在手機上和平板裝置上的版本。jQueryMobile不僅會給主流移動平臺帶來jQuery核心庫，而且會釋出一個完整統一的jQuery移動UI框架。支援全球主流的移動平臺。jQueryMobile開發團隊說：能開發這個專案，非常興奮。移動web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動web網站。

2、jQTouch，jQTouch是一個jQuery的外掛，主要用於手機上的Webkit瀏覽器上實現一些包括動畫、列表導航、預設應用樣式等各種常見UI效果的Java庫。支援包括iPhone、Android等手機。

問題六：ajax和jsonp的區別是?

答：實現方法完全不一樣。ajax的核心是透過獲取非本頁內容，而jsonp的核心則是動態新增標籤來呼叫伺服器提供的js指令碼。

以上小編分享的這六條均是第一輪面試時專案經理會問的HTML5開發工程師技術問題。相信這些面試題目都不難，那就請你一定記住它，祝大家面試成功!