這篇文章主要介紹了LABjs、RequireJS、SeaJS的區別、JS文件加載器、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 是好兄弟,一起努力推廣模塊化開發思想,這才是最重要的。