seajs的模組化開發--實踐筆記

標籤：exports   .com   query   src   images   nbsp   主程   http   實現   

2017-04-02

SeaJS是一個遵循CMD規範的JavaScript模組載入架構，可以實現JavaScript的模組化開發及載入機制。有效解決複雜項目中命名衝突、依賴、效能等問題。

SeaJS中使用define函數定義一個模組。define可以接收三個參數：require, exports, module。

       require——模組載入函數，用於記載相依模組。

       exports——介面點，將資料或方法定義在其上則將其暴露給外部調用。

       module——模組的中繼資料。

 

 SeaJS的基本用法有以下幾步：

 

第一步 在HTML檔案中引入seajs檔案

第二步 另起一個script標籤，引入jQuery模組化外掛程式和調用js主程式

 第三步，對jQuery檔案進行模組化封裝（即將jQuery源碼放在模組封裝函數內部，並且在最後加上return...）

第四步，書寫相關的模組化檔案，並提供外部介面

第五步，依賴（調用）其他檔案。第一種是同步調用，第二種是非同步呼叫

 

seajs的模組化開發--實踐筆記