本文羅列了seajs常用的api和代碼示例，下面話不多說，來看看詳細的介紹，有需要的朋友們可以參考借鑒。
一、seajs.config
alias
別名配置，配置之后可在模塊中使用require調用 require('jquery');
seajs.config({ alias: { 'jquery': 'jquery/jquery/1.10.1/jquery' } });define(function(require, exports, module) { //引用jQuery模塊 var $ = require('jquery');});paths 設置路徑，方便跨目錄調用。通過靈活的設置path可以在不影響base的情況下指定到某個目錄。
seajs.config({ //設置路徑 paths: { 'gallery': 'https://a.alipayobjects.com/gallery' }, // 設置別名，方便調用 alias: { 'underscore': 'gallery/underscore' }});vars
變量配置。有些場景下，模塊路徑在運行時才能確定，這時可以使用 vars 變量來配置。
vars 配置的是模塊標識中的變量值，在模塊標識中用 {key} 來表示變量。
seajs.config({ // 變量配置 vars: { 'locale': 'zh-cn' }});define(function(require, exports, module) { var lang = require('./i18n/{locale}.js'); //=> 加載的是 path/to/i18n/zh-cn.js});map
該配置可對模塊路徑進行映射修改，可用于路徑轉換、在線調試等。
seajs.config({ map: [ [ '.js', '-debug.js' ] ]});define(function(require, exports, module) { var a = require('./a'); //=> 加載的是 path/to/a-debug.js});preload
使用preload配置項，可以在普通模塊加載前，提前加載并初始化好指定模塊。
preload中的空字符串會被忽略掉。
// 在老瀏覽器中，提前加載好 ES5 和 json 模塊seajs.config({ preload: [ Function.prototype.bind ? '' : 'es5-safe', this.JSON ? '' : 'json' ]});注意：preload中的配置，需要等到 use 時才加載。比如：
seajs.config({ preload: 'a'});// 在加載 b 之前，會確保模塊 a 已經加載并執行好seajs.use('./b');debug
值為true時，加載器不會刪除動態插入的 script 標簽。插件也可以根據debug配置，來決策 log 等信息的輸出。
base
Sea.js 在解析頂級標識時，會相對 base 路徑來解析。
注意：一般請不要配置 base 路徑，把 sea.js 放在合適的路徑往往更簡單一致。
charse
獲取模塊文件時，<script> 或 <link> 標簽的charset屬性。 默認是utf-8 charset還可以是一個函數：
seajs.config({ charset: function(url) { // xxx 目錄下的文件用 gbk 編碼加載 if (url.indexOf('http://example.com/js/xxx') === 0) { return 'gbk'; } // 其他文件用 utf-8 編碼 return 'utf-8'; }});二、seajs.use
用來在頁面中加載一個或多個模塊。seajs.use(id, callback?)
// 加載一個模塊seajs.use('./a');// 加載一個模塊，在加載完成時，執行回調seajs.use('./a', function(a) { a.doSomething();});// 加載多個模塊，在加載完成時，執行回調seajs.use(['./a', './b'], function(a, b) { a.doSomething(); b.doSomething();});注意：seajs.use 與 DOM ready 事件沒有任何關系。如果某些操作要確保在 DOM ready 后執行，需要使用 jquery 等類庫來保證。比如
seajs.use(['jquery', './main'], function($, main) { $(document).ready(function() { main.init(); });});注意：use方法第一個參數一定要有，但是可以是null，也可以是一個變量
var bootstrap = ['bootstrap.css', 'bootstrap-responsive.css', 'bootstrap.js'];seajs.use(bootstrap, function() { //do something});三、seajs.cache
通過 seajs.cache，可以查閱當前模塊系統中的所有模塊信息。
比如，打開 seajs.org，然后在 WebKit Developer Tools 的 Console 面板中輸入 seajs.cache，可以看到：
Object > http://seajs.org/docs/assets/main.js: x > https://a.alipayobjects.com/jquery/jquery/1.10.1/jquery.js: x > __proto__: Object
這些就是文檔首頁用到的模塊。展開某一項可以看到模塊的具體信息，含義可參考：CMD 模塊定義規范 中的 module 小節。
四、seajs.reslove
類似require.resolve，會利用模塊系統的內部機制對傳入的字符串參數進行路徑解析。
seajs.resolve('jquery');// => http://path/to/jquery.jsseajs.resolve('./a', 'http://example.com/to/b.js');// => http://example.com/to/a.jsseajs.resolve 方法不光可以用來調試路徑解析是否正確，還可以用在插件開發環境中。
五、seajs.data
通過 seajs.data，可以查看 seajs 所有配置以及一些內部變量的值，可用于插件開發。當加載遇到問題時，也可用于調試。
六、常見問題
關于模塊標識
Seajs模塊標識主要以小駝峰字符串、.或..
// 在 http://example.com/js/a.js 的 factory 中：require.resolve('./b'); // => http://example.com/js/b.js// 在 http://example.com/js/a.js 的 factory 中：require.resolve('../c'); // => http://example.com/c.js分為 相對 與 頂級 標識。以.或..開頭，則為相對標識 。以小駝峰字符串開關，則為頂級標識。
// 假設 base 路徑是：http://www.aseoe.com/assets/// 在模塊代碼里：require.resolve('gallery/jquery/1.9.1/jquery'); // => http://www.aseoe.com/assets/gallery/jquery/1.9.1/jquery.js//sea.js的路徑，即 base 路徑，相對于當前頁面<script src="../actjs/assets/sea-modules/seajs/2.1.1/sj.js"></script><script type="text/javascript">//配置Seajsseajs.config({ alias: { //頂級標識，基于 base 路徑 'actjs': 'actjs/core/0.0.7/core.js', // => http:// 'position': 'actjs/util/0.0.2/position.js' }});seajs.config({ alias: { //普通路徑，相對于當前頁面 'affix': '../../actjs/assets/widget/src/widget-affix.js', //相對標識，相對于當前頁面 'init': './src/init.js' }});</script>關于路徑
Seajs除了相對與頂級標識之外，還可以使用普通路徑來加載模塊。
就到當前頁面的腳本分析
開始的時候會覺得Seajs的路徑有點不習慣，由其是Base路徑。切記Base路徑就是sea.js的那個文件的上級路徑，然后所有頂級標識，相對標識都是相對于這個Base來調整。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作帶來一定的幫助如果有疑問大家可以留言交流。
新聞熱點
疑難解答
