seajs指的是什么文件

這篇文章將為大家詳細(xì)講解有關(guān)seajs指的是什么文件,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

10年積累的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有汕城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

什么是 seaJS ?

和requireJS相似的,seaJS 也是用JavaScript編寫的JS框架,主要功能是可以按不同的先后依賴關(guān)系對(duì) JavaScript 等文件的進(jìn)行加載工作,可簡(jiǎn)單理解為JS文件的加載器,它非常適合在瀏覽器中使用,它可以確保所依賴的JS文件加載完成之后再加載當(dāng)前的JS文件,這在大量使用JS文件的項(xiàng)目中可確保各個(gè)JS文件的先后加載順序,確保避免了以前因某些原因某個(gè)文件加載慢而導(dǎo)致其它加載快的文件需要依賴其某些功能而出現(xiàn)某函數(shù)或某變量找不到的問(wèn)題,這點(diǎn)非常有用,也是 seaJS (遵守CMD) 的主要價(jià)值所在吧;但和 requireJS (遵守AMD規(guī)范)有所區(qū)別。

seajs指的是什么文件

快速簡(jiǎn)要知識(shí)點(diǎn):

1、seajs.config({...});   //用來(lái)對(duì) Sea.js 進(jìn)行配置。

2、seajs.use(['a','b'],function(a,b){...});   //用來(lái)在頁(yè)面中加載一個(gè)或多個(gè)模塊。

3、define(function(require, exports, module){...});   //用來(lái)定義模塊。Sea.js 推崇一個(gè)模塊一個(gè)文件,遵循統(tǒng)一的寫法:

4、require(function(require){var a = require("xModule"); ... });   //require 用來(lái)獲取指定模塊的接口。

5、require.async,  //用來(lái)在模塊內(nèi)部異步加載一個(gè)或多個(gè)模塊。 例如:

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

6、exports, //用來(lái)在模塊內(nèi)部對(duì)外提供接口。 例如:

define(function(require, exports){
    exports.varName01 = 'varValue';  // 對(duì)外提供 varName01 屬性    
    exports.funName01 = function(p1,p2){  // 對(duì)外提供 funName01 方法
    ....
    }       
});

7、module.exports, 與 exports 類似,用來(lái)在模塊內(nèi)部對(duì)外提供接口。例如:

define(function(require, exports, module) {  
  module.exports = {  // 對(duì)外提供接口
    name: 'a',
    doSomething: function() {...};
  };
});

以上 7 個(gè)接口是最常用的,要牢記于心。

好了,簡(jiǎn)要介紹就到這。下面看一個(gè)實(shí)際例子:

這個(gè)例子的設(shè)計(jì)要求是 hellowMain.js 文件依賴 hellow.js, jQuery作為備用加載到項(xiàng)目中,只有等依賴文件加載完了,才進(jìn)行業(yè)務(wù)的JS代碼初始化工作;

首先看例子文件目錄結(jié)構(gòu):

//file of folder structure

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

//seaJS對(duì)項(xiàng)目的目錄一般格式如下,如userExample01下的結(jié)構(gòu)

userExample01

|-----sea-modules

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

|-----app

|      |----*.html 頁(yè)面html文件

|-----static

|        |---hellow

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

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

關(guān)于seajs指的是什么文件就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。

網(wǎng)頁(yè)標(biāo)題:seajs指的是什么文件
地址分享:http://muchs.cn/article10/joosgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃網(wǎng)站收錄、用戶體驗(yàn)、定制開(kāi)發(fā)微信小程序、微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司