九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

RequireJS 和 SeaJS 都是很不錯(cuò)的模塊加載器，兩者區(qū)別如下：1. 兩者定位有差異。RequireJS 想成為瀏覽器端的模塊加載器，同時(shí)也想成為 Rhino / Node 等環(huán)境的模塊加載器。SeaJS 則專注于 Web 瀏覽器端，同時(shí)通過(guò) Node 擴(kuò)展的方式可以很方便跑在 Node 服務(wù)器端2. 兩者遵循的標(biāo)準(zhǔn)有差異。RequireJS 遵循的是 AMD（異步模塊定義）規(guī)范，SeaJS 遵循的是 CMD （通用模塊定義）規(guī)范。規(guī)范的不同，導(dǎo)致了兩者 API 的不同。SeaJS 更簡(jiǎn)潔優(yōu)雅，更貼近 CommonJS Modules/1.1 和 Node Modules 規(guī)范。3. 兩者社區(qū)理念有差異。RequireJS 在嘗試讓第三方類(lèi)庫(kù)修改自身來(lái)支持 RequireJS，目前只有少數(shù)社區(qū)采納。SeaJS 不強(qiáng)推，而采用自主封裝的方式來(lái)“海納百川”，目前已有較成熟的封裝策略。4. 兩者代碼質(zhì)量有差異。RequireJS 是沒(méi)有明顯的 bug，SeaJS 是明顯沒(méi)有 bug。5. 兩者對(duì)調(diào)試等的支持有差異。SeaJS 通過(guò)插件，可以實(shí)現(xiàn) Fiddler 中自動(dòng)映射的功能，還可以實(shí)現(xiàn)自動(dòng) combo 等功能，非常方便便捷。RequireJS 無(wú)這方面的支持。6. 兩者的插件機(jī)制有差異。RequireJS 采取的是在源碼中預(yù)留接口的形式，源碼中留有為插件而寫(xiě)的代碼。SeaJS 采取的插件機(jī)制則與 Node 的方式一致：開(kāi)放自身，讓插件開(kāi)發(fā)者可直接訪問(wèn)或修改，從而非常靈活，可以實(shí)現(xiàn)各種類(lèi)型的插件。.

　　 define(id?, dependencies?, factory);

•  id：String類(lèi)型，它指定了模塊被定義時(shí)的id；可選的，如果省略，模塊id默認(rèn)使用加載器請(qǐng)求的響應(yīng)腳本的模塊id。
• dependencies是一個(gè)模塊定義時(shí)要求的依賴項(xiàng)的模塊id數(shù)組字面量。這些依賴項(xiàng)必須在factory方法執(zhí)行前被解析，解析值應(yīng)當(dāng)被當(dāng)做參數(shù)傳遞給factory函數(shù)；factory的參數(shù)位置符合模塊在依賴項(xiàng)中的索引。
• factory，是一個(gè)被用來(lái)執(zhí)行模塊初始化的參數(shù)或者是一個(gè)對(duì)象。如果factory是一個(gè)函數(shù)，它應(yīng)當(dāng)只能被用來(lái)執(zhí)行一次。如果factory參數(shù)是一個(gè)對(duì)象，這個(gè)對(duì)象唄用來(lái)作為模塊的輸出值。如果factory函數(shù)返回一個(gè)值（對(duì)象、函數(shù)、任何可以被強(qiáng)制轉(zhuǎn)換為true的值），這個(gè)值將會(huì)被作為模塊的輸出值。

define(["./a", "./b"], function(a, b) {  //BEGIN  a.doSomething();  b.doSomething();});

　　CMD中模塊如下定義：

define(function(require, exports, module) {  // The module code goes here});

define(function(require, exports, module) {  //BEGIN  require("./a").doSomething();  require("./b").doSomething();});

　　AMD：

define(["./a", "./b"], function(a, b) {  //BEGIN  if (true) {    a.doSomething();  } else {b.doSomething();  }  //END});

　　CMD：

define(function(require) {   // BEGIN  if(some_condition) {    require('./a').doSomething();  } else {    require('./b').soSomething();  }  // END});

　　條件依賴意思是我們根據(jù)條件使用依賴項(xiàng)，在AMD中BEGIN位置處a、b模塊都需要被執(zhí)行一次。CMD中BEGIN處a、b都沒(méi)有被執(zhí)行，在END處，a、b只有一個(gè)被實(shí)際執(zhí)行過(guò)。

　　那么問(wèn)題來(lái)了，javascript作為腳本語(yǔ)言，代碼肯定是順序執(zhí)行的，作為AMD與CMD的實(shí)現(xiàn)者，requireJs與seaJs是如何知道需要加載的所有文件呢？又是如何做到異步加載？對(duì)于seajs，factory中代碼肯定是順序執(zhí)行的，但是這必須導(dǎo)致require時(shí)的阻塞加載，而她又是如何保證異步加載的？

　　每一個(gè)卓越的思想都有一份樸實(shí)的代碼實(shí)現(xiàn)。所以無(wú)論AMD與CMD都要面臨以下幾個(gè)問(wèn)題：

　　4、模塊即是JavaScript文件，使用無(wú)阻塞方式（動(dòng)態(tài)創(chuàng)建script標(biāo)簽）加載模塊

scriptElement= document.createElement('script');scriptElement.src = moduleUrl;scriptElement.async = true;scriptElement.onload = function(){.........};document.head.appendChild(scriptElement);

　　5、模塊加載完畢后，獲取依賴項(xiàng)（amd、cmd區(qū)別），改變模塊status，由statuschange后，檢測(cè)所有模塊的依賴項(xiàng)。

　　由于requirejs與seajs遵循規(guī)范不同，requirejs在define函數(shù)中可以很容易獲得當(dāng)前模塊依賴項(xiàng)。而seajs中不需要依賴聲明，所以必須做一些特殊處理才能否獲得依賴項(xiàng)。方法將factory作toString處理，然后用正則匹配出其中的依賴項(xiàng)，比如出現(xiàn)require(./a)，則檢測(cè)到需要依賴a模塊。

　　同時(shí)滿足非阻塞和順序執(zhí)行就需要需要對(duì)代碼進(jìn)行一些預(yù)處理，這是由于CMD規(guī)范和瀏覽器環(huán)境特點(diǎn)所決定的。

　　6、如果模塊的依賴項(xiàng)完全加載完畢（amd中需要執(zhí)行完畢，cmd中只需要文件加載完畢，注意這時(shí)候的factory尚未執(zhí)行，當(dāng)使用require請(qǐng)求該模塊時(shí)，factory才會(huì)執(zhí)行，所以在性能上seajs遜于requirejs），執(zhí)行主模塊的factory函數(shù)；否則進(jìn)入步驟3.

 

　　最后，無(wú)論requireJs還是seaJs都已被廣泛應(yīng)用于web開(kāi)發(fā)中，實(shí)際選取時(shí)應(yīng)根據(jù)以下幾方面綜合平衡選?。?/span>

　　1、功能能否滿足項(xiàng)目需求

　　2、文檔、demo的詳盡程度

　　3、框架的學(xué)習(xí)曲線

　　4、社區(qū)的活躍度

 

　　如果您覺(jué)得這篇文章對(duì)您有幫助，請(qǐng)不吝點(diǎn)擊推薦。