### **何為前端** 1. 從本質上講，所有web應用都是運行在瀏覽器上的gui軟件，gui即Graphical User Interface（用戶圖形界面），這些用戶圖形界面即是前端。 ### **前端發展的三個階段** 目的： 為了提升開發效率和性能優化 1. 框架/庫 選型 2. 簡單構建與優化 3. js/css模塊化開發 4. 工程化 ### **如何提高開發效率和性能** 1. 組件化開發 - js模塊化：瀏覽器環境監測，ajax請求，應用配置，dom操作，工具函數，以及組件中的js單元 - css模塊化：grid ,字體圖標，動畫樣式，組件中的css單元 - ui組件： 頁頭， 頁尾，導航欄，組件的css單元 - 頁面： ui組件的容器     2. 資源管理 前端是一種遠程部署，運行時增量下載的GUI軟件 由“增量”原則引申出的前端優化技巧幾乎成為了性能優化的核心，有加載相關的按需加載、延遲加載、預加載、請求合并等策略；有緩存相關的瀏覽器緩存利用，緩存更新、緩存共享、非覆蓋式發布等方案；還有復雜的BigRender、BigPipe、Quickling、PageCache等技術。這些優化方案無不圍繞著如何將增量原則做到極致而展開。