關於前端組件化開發的一點思考

前端開發與其餘程序開發的共性在於，一樣要求「高內聚，低耦合，易讀寫，可複用」。

「高內聚」是指將在邏輯上能夠歸類爲一個單元的代碼封裝在一塊兒，儘可能保障一塊代碼集合主要解決一個需求，在前端開發中，最多見的即是將一個邏輯單元的代碼使用IIFE函數進行封裝。

能夠說，保障代碼高內聚即在必定程度上知足了代碼「低耦合」的要求，由於低耦合便是要求一個邏輯單元的代碼塊在改動時，不會形成其餘邏輯單元代碼塊的變更，在前端開發中，便是要求各代碼塊不要過多共享某變量或對象，在不得以的狀況下，必定要清晰註釋。

「易讀寫」是指保持代碼的可讀，可修改性，即在必定時期後，後來的開發者依然能夠憑藉閱讀代碼的方式，瞭解你的編程思路，並根據新的需求，修改你留下的代碼。這裏牽扯到良好的代碼縮進，命名規範，註釋等。

「可複用」是指處於節省程序員生命的目的，聽從DRY原則，在一個項目中，抽象出功能相似的業務需求，經過組件化的方式編寫代碼，實現只寫一次，處處使用的使人愉快的目的。

--------------------------------------------------------

組件的構成：

　　1. 代碼層面： HTML（結構）+ JS（邏輯） + CSS（樣式）

　　2. 使用層面： 需求配置參數 + 實例化相應組件對象

下面貼一張我本身總結的關於組件化開發的腦圖：