初識AMD和CMD模組化

2021-07-04 03:03:21 字數 799 閱讀 1543

今天發現了阮一峰大牛的部落格,收藏一下裡邊有好多文章值得讀哦~~~~~

amd(asynchronus module definition)非同步模組定義

語法:define(id ? , dependents ? , factory);

amd 是 requirejs 在推廣過程中對模組定義的規範化產出。

amd規範  

cmd(common module definition)模組定義

語法:一般是 define(factory)

cmd 是 seajs 在推廣過程中對模組定義的規範化產出。

官網 api快速參考

sea.js 核心特徵:

1. 遵循cmd規範,與nodejs般的書寫模組**。

2. 依賴自動載入,配置清晰簡潔。

相容 chrome 3+,firefox 2+,safari 3.2+,opera 10+,ie 5.5+。

官網 api      

兩者的區別:

amd是非同步載入的,而cmd是同步載入的

例如:我寫了乙個math.js

define(function();

return

});

用amd就是:

require(['math'],function());

用cmd就是:

var math = require('math');

math.add(1+1);

JS 模組化AMD和CMD

函式封裝 物件 立即執行函式 模組化規範 是一種專案的構架模式,這種構架模式讓js 重用性變得非常高,讓專案構架的一些複雜問題全部得以解決。例如,多個script標籤不會再出現了,我們只要用乙個script標籤進行引入就可以了。模組化那有兩個規範,amd規範和cmd規範,當然還有針對於nodejs後...

前端模組化 AMD 詳解

a.js script b.js script d.js script e.js script f.js script g.js script 上面這樣載入主要出現的問題 為了解決這樣的問題 於是有了require.js 官網位址 現在比較常用的amd 主要分為3步 js require.js sc...

js模組載入之AMD和CMD

當我寫這篇文章的時候,sea.js已經逐漸退出歷史的舞台,詳細鏈結。不過任何新事物的出現都是對舊事物的取其精華,去其糟粕,所以了解一下以前模組的載入也是一件好事。js模組化的原因自不比多說,看看hux同學的js模組載入七日談就知道了,將的非常詳細。乙個js檔案就是乙個模組,定義如下 define f...