WEB前端入門到深入
阿新 • • 發佈:2019-01-08
很多人將模組化,和元件化混為一談,這種思想是不對的
模組化(一塊):為了解決實現某一複雜業務邏輯,而劃分成不同型別的程式碼塊(例如MVC),使程式碼更為清晰(主要是為了程式碼清晰,有條理,次要效果:同一模組也可能為多個業務邏輯複用)
元件化(一組):為了解決重複勞動,把一些功能類似的(介面 + 互動 + 邏輯)抽取出來,成為一個獨立的整體
什麼是元件:元件是一組由(html,css,js)組成的,為實現某一個,或一類功能的獨立體,他與業務邏輯無關,根據特定的輸入,得到對應的輸出;通過配置引數得到不同的展示效果。
元件化引數型別:輸入,輸出,配置
元件化注意:1,元件化類似於一個帶介面的介面
2,業務 與功能的耦合度越低,代表元件可複用性更高
3,元件也需要模組化,一個複雜的元件,需要模組式使程式碼清晰,可維護度更高,同時擁有公共塊(無耦合),為不同元件所複用
4,元件多了會形成元件庫
(一個好的元件能被繼承和封裝)
(一個好的元件能被使用者擴充套件)
(一個好的元件庫由基礎元件+複雜元件(繼承多個基礎元件或複雜元件))
(一個好的元件庫需要對引數進行規範(命名,結構))
(一個好的元件庫應該模組化,並且擁有公共模組)