seajs源代碼閱讀分析（Seajs）

本文目錄一覽：

• 1、seajs怎樣先加載jquery再加載Bootstrap？
• 2、requirejs和seajs的區別
• 3、labjs，requirejs，sea.js 哪個最好用？為什麼
• 4、seajs加載jquery時提示$is not a function該怎麼解決

seajs怎樣先加載jquery再加載Bootstrap？

seajs加載不符合AMD規範的，要在源代碼里加define(function() {//源代碼 })

requirejs和seajs的區別

兩者的區別如下：

定位有差異。RequireJS 想成為瀏覽器端的模塊加載器，同時也想成為 Rhino / Node 等環境的模塊加載器。SeaJS 則專註於 Web 瀏覽器端，同時通過 Node 擴展的方式可以很方便跑在 Node 服務器端。

遵循的規範不同。RequireJS 遵循的是 AMD（異步模塊定義）規範，SeaJS 遵循的是 CMD （通用模塊定義）規範。規範的不同，導致了兩者 API 的不同。SeaJS 更簡潔優雅，更貼近 CommonJS Modules/1.1 和 Node Modules 規範。

社區理念有差異。RequireJS 在嘗試讓第三方類庫修改自身來支持 RequireJS，目前只有少數社區採納。SeaJS 不強推，採用自主封裝的方式來「海納百川」，目前已有較成熟的封裝策略。

代碼質量有差異。RequireJS 是沒有明顯的 bug，SeaJS 是明顯沒有 bug。

對調試等的支持有差異。SeaJS 通過插件，可以實現 Fiddler 中自動映射的功能，還可以實現自動 combo 等功能，非常方便。RequireJS 無這方面的支持。

插件機制不同。RequireJS 採取的是在源碼中預留接口的形式，源碼中留有為插件而寫的代碼。SeaJS 採取的插件機制則與 JavaScript 語言以及Node 的方式一致：開放自身，讓插件開發者可直接訪問或修改，從而非常靈活，可以實現各種類型的插件。

labjs，requirejs，sea.js 哪個最好用？為什麼

LABjs 的核心是 LAB（Loading and Blocking）：Loading 指異步並行加載，Blocking 是指同步等待執行。LABjs 通過優雅的語法（script 和 wait）實現了這兩大特性，核心價值是性能優化。LABjs 是一個文件加載器。

RequireJS 和 SeaJS 則是模塊加載器，倡導的是一種模塊化開發理念，核心價值是讓 JavaScript 的模塊化開發變得更簡單自然。

模塊加載器一般可降級為文件加載器用，因此使用 RequireJS 和 SeaJS，也可以達成 LABjs 的性能優化目的。

RequireJS 和 SeaJS 都是很不錯的模塊加載器，兩者區別如下：

1. 兩者定位有差異。RequireJS 想成為瀏覽器端的模塊加載器，同時也想成為 Rhino / Node 等環境的模塊加載器。SeaJS 則專註於 Web 瀏覽器端，同時通過 Node 擴展的方式可以很方便跑在 Node 服務器端

2. 兩者遵循的標準有差異。RequireJS 遵循的是 AMD（異步模塊定義）規範，SeaJS 遵循的是 CMD （通用模塊定義）規範。規範的不同，導致了兩者 API 的不同。SeaJS 更簡潔優雅，更貼近 CommonJS Modules/1.1 和 Node Modules 規範。

3. 兩者社區理念有差異。RequireJS 在嘗試讓第三方類庫修改自身來支持 RequireJS，目前只有少數社區採納。SeaJS 不強推，而採用自主封裝的方式來「海納百川」，目前已有較成熟的封裝策略。

4. 兩者代碼質量有差異。RequireJS 是沒有明顯的 bug，SeaJS 是明顯沒有 bug。

5. 兩者對調試等的支持有差異。SeaJS 通過插件，可以實現 Fiddler 中自動映射的功能，還可以實現自動 combo 等功能，非常方便便捷。RequireJS 無這方面的支持。

6. 兩者的插件機制有差異。RequireJS 採取的是在源碼中預留接口的形式，源碼中留有為插件而寫的代碼。SeaJS 採取的插件機制則與 Node 的方式一致：開放自身，讓插件開發者可直接訪問或修改，從而非常靈活，可以實現各種類型的插件。

還有不少細節差異就不多說了。

總之，SeaJS 從 API 到實現，都比 RequireJS 更簡潔優雅。如果說 RequireJS 是 Prototype 類庫的話，則 SeaJS 是 jQuery 類庫。

最後，向 RequireJS 致敬！RequireJS 和 SeaJS 是好兄弟，一起努力推廣模塊化開發思想，這才是最重要的。

seajs加載jquery時提示$is not a function該怎麼解決

jQuery 哪個版本？因為 jQuery 提供 AMD 的加載方式（相關代碼在源碼後面幾行），而 seajs 是基於 CMD 規範，所以一般要對 jQuery 進行改造才能被 jQuery 引用，常見的方法是修改 jQuery 源碼，在 jQuery 最後幾行找到如下代碼（以 2.1.4 版本為例）：

“function”==typeof definedefine.amddefine(“jquery”,[],function(){return n});

將其中的「amd」改為「cmd」即可。此時可正常調用 jQuery：

define(function(require, exports, module) {

   var $ = require(‘lib/jquery-2.1.4.min’);  // 載入jquery

   console.log($);  // 返回：function(a,b)

});