seajs指的是什么文件

這篇文章將為大家詳細講解有關seajs指的是什么文件，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

什么是 seaJS ？

和requireJS相似的，seaJS 也是用JavaScript編寫的JS框架，主要功能是可以按不同的先后依賴關系對 JavaScript 等文件的進行加載工作，可簡單理解為JS文件的加載器，它非常適合在瀏覽器中使用，它可以確保所依賴的JS文件加載完成之后再加載當前的JS文件，這在大量使用JS文件的項目中可確保各個JS文件的先后加載順序，確保避免了以前因某些原因某個文件加載慢而導致其它加載快的文件需要依賴其某些功能而出現某函數或某變量找不到的問題，這點非常有用，也是 seaJS （遵守CMD） 的主要價值所在吧；但和 requireJS （遵守AMD規范）有所區別。

快速簡要知識點：

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,  //用來在模塊內部異步加載一個或多個模塊。 例如：

define(function(require){
    require.async(['aModule','bModule'],function(a,b){  // 異步加載多個模塊，在加載完成時，執行回調
    a.func();
    b.func();
    })    
});

6、exports, //用來在模塊內部對外提供接口。 例如：

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() {...};
  };
});

以上 7 個接口是最常用的，要牢記于心。

好了，簡要介紹就到這。下面看一個實際例子：

這個例子的設計要求是 hellowMain.js 文件依賴 hellow.js, jQuery作為備用加載到項目中，只有等依賴文件加載完了，才進行業務的JS代碼初始化工作；

首先看例子文件目錄結構：

//file of folder structure

//-----------------------------------------------------

//seaJS對項目的目錄一般格式如下，如userExample01下的結構

userExample01

|-----sea-modules

|           |--sea.js 等框架JS文件

|-----app

|      |----*.html 頁面html文件

|-----static

|        |---hellow

|              |---*.js/*.css

//-----------------------------------------------------

關于seajs指的是什么文件就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。