1. 程式人生 > >WEB前端入門到深入

WEB前端入門到深入

很多人將模組化,和元件化混為一談,這種思想是不對的

模組化(一塊):為了解決實現某一複雜業務邏輯,而劃分成不同型別的程式碼塊(例如MVC),使程式碼更為清晰(主要是為了程式碼清晰,有條理,次要效果:同一模組也可能為多個業務邏輯複用)

元件化(一組):為了解決重複勞動,把一些功能類似的(介面 + 互動 + 邏輯)抽取出來,成為一個獨立的整體

什麼是元件:元件是一組由(html,css,js)組成的,為實現某一個,或一類功能的獨立體,他與業務邏輯無關,根據特定的輸入,得到對應的輸出;通過配置引數得到不同的展示效果。

元件化引數型別:輸入,輸出,配置

元件化注意:1,元件化類似於一個帶介面的介面

      2,業務

功能的耦合度越低,代表元件可複用性更高

      3,元件也需要模組化,一個複雜的元件,需要模組式使程式碼清晰,可維護度更高,同時擁有公共塊(無耦合),為不同元件所複用

      4,元件多了會形成元件庫

  (一個好的元件能被繼承封裝)

  (一個好的元件能被使用者擴充套件)

  (一個好的元件基礎元件+複雜元件(繼承多個基礎元件或複雜元件))

 (一個好的元件庫需要對引數進行規範(命名,結構))

  (一個好的元件庫應該模組化,並且擁有公共模組)