模組化,requirejs 和 seajs 的異同

2021-07-25 15:58:09 字數 593 閱讀 1933

定義:是指解決乙個複雜問題時自頂向下逐層把系統劃分成若干模組的過程,有多種屬性,分別反映其內部特性。定義模組化是一種處理複雜系統分解為更好的可管理模組的方式。

程式模組化開發的優點

伺服器模組規範: - commonjs(代表:node.js)

瀏覽器端規範: amd (代表:requirejs) - cmd (代表:seajs)

備註:還有umd,通用解決方案,相對很高深,node學完再搞比較好

commonjs, amd, cmd, umd 都是社群大牛弄出來的東西 (民間高手)

ecma(官方)出了一套標準 => ecmascript 2015(es6), 在其中定義規範了模組化開發方式 ecmascript 2015 module

相同點: 都是乙個適用於瀏覽器的 模組載入器

seajs 遵循 cmd 規範

requirejs 遵循 amd 規範

seajs 是預載入,懶執行, 所有模組載入完畢之後,才開始執行

requirejs 預載入,預執行, 在載入的過程中已經執行了

reuqirejs

在require依賴的時候, 就已經會去執行 foo.js 中的**了

如何使用requireJs模組化開發

控制台輸入命令安裝 再你的專案頁面引入 data main是引入主入口檔案,後面你只需要再主入口檔案裡面使用模組 require config require 方法用來引入使用模組,第乙個引數是陣列,陣列的每一項都是模組,第二個引數是乙個 函式,函式也有引數,滿足amd規範的引數就寫在裡面,需要注意...

模組化開發RequireJS之shim配置

一 shim requirejs使用amd規範開發,若開發過程中載入非amd規範js,需要使用requirejs的shim進行配置。shim配置語法為 配置檔案 requirejs.config 關鍵配置 shim 載入入口模組 requirejs index 從基準路徑js下開始查詢index.j...

函式式程式的模組化和物件的模組化

define random init1 define rand update x remainder 13 x 5 24 define random numbers op stream define numbers last value op stream let op stream car op ...