angular之模組開發二

• 2019 年 10 月 28 日
• 筆記

一、模組化規範

1、伺服器端規範

      CommonJS–node.js

2、瀏覽器端規範

      AMD–RequireJS 國外相對流行

      CMD–SeaJS 中國相對流行

3、模組化框架實現

      CMD實現-seaJS創始人是阿里巴巴前端架構師玉伯；js文件的依賴管理、非同步載入、方便前端的模組化開發。

      官方網站：http://seajs.org/

      AMD實現-RequireJS，James Burke AMD規範的創始人；與SeaJS 基本實現類似的功能。

      官方網站：http://www.requirejs.cn/

       兩者比較：

              ①  對於依賴的模組，AMD是提前執行，CMD是延後執行。

              ②  CMD推崇依賴就近，AMD推崇依賴前置。

              ③  AMD的API默認是一個當多個用，CMD得到API嚴格區分，推崇職責單一。

二、seaJS實現demo

步驟：

1、首先下載seajs

 2、引入seajs

 3、寫html

 4、在js裡面定義模組，並暴露公共成員

注意：define關鍵字裡面定義模組的私有空間；然後用exports關鍵字向外暴露公共成員

 5、在html裡面使用seajs的use方法調用暴露公共成員的js

注意：使用seajs.use來調用對應的js（最好使用相對路徑）