2018最新前端面試題一

這次帶給大家2018最新前端面試題，我們知道在前端工作中面試是必不可少的一部分，這次的前端面試常考問題分類整理匯總就是來幫助大家度過前端面試著一大難關。 ，一起來看一下。

【相關推薦：前端面試題（2020）】

#1、你能描述當你製作一個網頁的工作流程嗎？

       內容分析：分辨展現網路內容的層次與邏輯關係

       結構設計：寫出合理的html結構代碼

  佈局

       樣式設計：先使用reset.css

       互動設計：滑鼠特效##  ##設計：js程式碼，ajax頁面行為和從伺服器取得資料

       測試相容性；最佳化效能。 2、假若你有5個不同的樣式檔案(stylesheets),整合進網站的最好方式是?

       根據

class

#命名規則寫樣式，這樣樣式不會衝突，提取公共的樣式，進行合併，非公共的單獨拎出來。然後打包壓縮一下就行了，若每個檔案都很大，就需要分模組載入。

3、你能描述漸進增強(progressive enhancement)和優雅降級(graceful degradation)之間的不同嗎?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

            漸進增強（progressiveive enhancement）：針對低等版本建立頁面，確保最基本的功能，然後再針對進階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。 （從所有瀏覽器支援的基本功能開始，逐步地添加那些只有新式瀏覽器才支援的功能，為頁面添加無害於基礎瀏覽器的額外樣式和功能。當瀏覽器支援時，它們會自動地呈現出來並發揮作用。 （網路網站在所有新式瀏覽器中都能正常運作，如果使用者使用的是老式瀏覽器，則程式碼會檢查以確認它們是否能正常運作。由於IE獨特的

盒模型

佈局問題，針對不同版本的IE的hack實踐過優雅降級了，為那些無法支援功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至於完全失效。 #             差異：優雅降級是從複雜的現狀開始，並試圖減少使用者體驗的供給，而漸進增強則是從一個非常基礎的、能夠運作的版本開始，並不斷擴充，以適應未來環境的需要。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

Jenkins+Node.js的持續整合

寫React元件專案實踐分析

以上是2018最新前端面試題一的詳細內容。更多資訊請關注PHP中文網其他相關文章！