seaJS 簡要介紹和完整例子
阿新 • • 發佈:2019-01-05
1,seajs.config({...}); //用來對 Sea.js 進行配置。
2,seajs.use(['a','b'],function(a,b){...}); //用來在頁面中載入一個或多個模組。
3,define(function(require, exports, module){...}); //用來定義模組。Sea.js 推崇一個模組一個檔案,遵循統一的寫法:
4,require(function(require){var a = require("xModule"); ... }); //require 用來獲取指定模組的介面。
5,require.async, //用來在模組內部非同步載入一個或多個模組。 例如:
6,exports, //用來在模組內部對外提供介面。 例如:
以上 7 個介面是最常用的,要牢記於心。
2,seajs.use(['a','b'],function(a,b){...}); //用來在頁面中載入一個或多個模組。
3,define(function(require, exports, module){...}); //用來定義模組。Sea.js 推崇一個模組一個檔案,遵循統一的寫法:
4,require(function(require){var a = require("xModule"); ... }); //require 用來獲取指定模組的介面。
5,require.async, //用來在模組內部非同步載入一個或多個模組。 例如:
define(function(require){ require.async(['aModule','bModule'],function(a,b){ // 非同步載入多個模組,在載入完成時,執行回撥 a.func(); b.func(); }) });
define(function(require, exports){ exports.varName01 = 'varValue'; // 對外提供 varName01 屬性 exports.funName01 = function(p1,p2){ // 對外提供 funName01 方法 .... } });7,module.exports, 與 exports 類似,用來在模組內部對外提供介面。例如:
define(function(require, exports, module) { module.exports = { // 對外提供介面 name: 'a', doSomething: function() {...}; }; });