LABjs、RequireJS、SeaJS的区别


Posted in Javascript onMarch 04, 2014

一、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 是好兄弟,一起努力推广模块化开发思想,这才是最重要的。

Javascript 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
js数组方法扩展实现数组统计函数
Apr 09 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
原生JS实现的雪花飘落动画效果
May 03 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
使用taro开发微信小程序遇到的坑总结
Apr 08 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
JS自定义右键菜单实现代码解析
Jul 16 Javascript
js的Boolean对象初始值示例
Mar 04 #Javascript
js动态拼接正则表达式的两种方法
Mar 04 #Javascript
8个实用的jQuery技巧
Mar 04 #Javascript
js中top的作用深入剖析
Mar 04 #Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 #Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 #Javascript
css+js实现部分区域高亮可编辑遮罩层
Mar 04 #Javascript
You might like
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
微信小程序倒计时功能实现代码
2017/11/09 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
Python中random模块生成随机数详解
2016/03/10 Python
python虚拟环境virualenv的安装与使用
2016/12/18 Python
Python文件的读写和异常代码示例
2017/10/31 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
Python列表与元组的异同详解
2019/07/02 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
美国女孩服装购物网站:Justice
2017/03/04 全球购物
销售演讲稿范文
2014/01/08 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL