什么是模塊化
什么是模塊化?
模塊化是指 解決一個(gè)復(fù)雜問題時(shí)自頂向下逐層把系統(tǒng)劃分成若干模塊的過程, 有多種屬性,分別反映其內(nèi)部特性 (百度)
模塊化一般是指 可以被抽象封裝的最小或最優(yōu)代碼的集合 , 模塊化用于解決功能耦合問題
前端模塊化 一般是指javaScript 的模塊化 比較常見的就是 node.js 的NPM包 每個(gè)模塊可以是最小或最優(yōu)的代碼組合 也可以是為了解決某些問題多個(gè)小模塊合并的一個(gè)大的模塊
如果沒有模塊化 可能很多重復(fù)行的代碼 就是進(jìn)行 Ctrl + C Ctrl + V 的操作.這樣代碼的可維護(hù)性就會(huì)下降 而代碼模塊化以后 我們考慮的問題是 代碼的使用和維護(hù)成本 所以
就有了很多模塊化規(guī)范: CommonJS 、AMD 和 ES6 Module 規(guī)范(另外還有 CMD、UMD 等)
CommonJs : 是 NodeJs 廣泛使用的一套模塊化規(guī)范 是同步加載模塊依賴的方式 其中包含幾個(gè)屬性
require: 引入一個(gè)模塊
exports: 導(dǎo)出模塊內(nèi)容
module: 模塊本身
AMD : 是js加載庫(kù) RequireJS 提出并完善的一套模塊化規(guī)范 AMD 是 異步加載模塊依賴的方式 其中包含
id : 模塊的id
depenfencies : 模塊依賴
factory : 模塊化的工廠函數(shù),即模塊化的初始化操作函數(shù)
request : 引入模塊
import : 引入模塊依賴
export : 模塊導(dǎo)出
ES6 Module : ES6推出的一套模塊化規(guī)范
除了Javascript的模塊化以外 在CSS中也可以使用@import 的方式來引入自己依賴的模塊 例如 : @import "load.css"
組件化更像是 模塊化的進(jìn)一步封裝 根據(jù)業(yè)務(wù)場(chǎng)景不同封裝具有一定功能性質(zhì)的整體
浙公網(wǎng)安備 33010602011771號(hào)