JavaScript基礎概念之----前端工程化/模塊化/組件化/表現與數據分離

前端工程化

將前端項目當成一項系統工程，進行分析、組織、構建，從而達到項目結構清晰、分工明確、配合默契、效率提升。

從最簡單的說，將一個頁面的結構、樣式、動做分離，就是一個工程化的思想了。

從更高層方面來講，對於一個大型項目，要作各類規範、技術選型、項目構建、優化等等，在代碼上還須要用到模塊化、UI組件化等開發方式。

 

模塊化

是前端工程化思想下 相對比較具體的開發方式，能夠簡單的認爲模塊化和組件化是工程化的表現形式。

當某個JS功能或CSS樣式在不一樣地方須要用到，就能夠把它看作是一個模塊，採用必定的方式進行模塊化編寫。以達到模塊的複用以及單獨的修改而不影響其餘代碼。

 

組件化

頁面上每一個獨立的、可視/可交互區域 視爲一個組件；

每一個組件對應一個工程目錄，組件所需的資源都在這個目錄下；

組件與組件之間，能夠自由組合；

當不須要某個組件，或要替換組件時，能夠整個目錄刪除/替換

頁面是容器，存放多個組件組合在一塊兒形式功能完整的界面

 

表現與數據分離

簡單的說，就是處理DOM、樣式代碼與處理數據的代碼區分開來。

MVC、MVP、MVVM