web組件化

什麼是組件化：

WEB 中的組件其實就是頁面組成的一部分，比如是電腦中的每個元件（如硬盤、鍵盤、鼠標），它是一個具備獨立的邏輯和功能或界面，同時又能根據規定的接口規則進行相互融合，變成一個完整的應用。頁面就是由一個個相似這樣的部分組成的，好比導航、列表、彈窗、下拉菜單等。頁面只不過是這些組件的容器，組件自由組合造成功能完整的界面，當不須要某個組件，或者想要替換某個組件時，能夠隨時進行替換和刪除，而不影響整個應用的運行。

組件的特性：

一、高內聚性，組件功能必須是完整的，如我要實現下拉菜單功能，那在下拉菜單這個組件中，就把下拉菜單所須要的全部功能所有實現；

二、低耦合性，通俗點說，代碼獨立不會和項目中的其餘代碼發生衝突！在實際工程中，咱們常常會涉及到團隊協做，傳統按照業務線去編寫代碼的方式，就很容易相互衝突，因此運用組件化方式就可大大避免這種衝突的存在。

三、每個組件都有本身清晰的職責，完整的功能，較低的耦合便於單元測試和重複利用；

前端組件化必要性：

多年之前前端開發者們就一直嘗試在組件化的道路上不斷探索，從一開始的 YUI、ExtJS 到如今的 Angular Directives、React Components、Vue.js Components、Bootstrap 等，前端的組件化道路歷來沒有中止過……

組件化的好處：

爲何你們會這種熱衷組件化，看下組件化給咱們帶來的好處，其必要性就不言而喻：

• 提升的開發效率
• 方便重複使用
• 簡化調試步驟
• 提高整個項目的可維護性
• 便於協同開發