CommonJS/AMD/CMD/UMD概念初探

  1. 云栖社区>
  2. 博客列表>
  3. 正文

CommonJS/AMD/CMD/UMD概念初探

easonjim 2016-12-12 22:47:00 浏览167 评论0

摘要: 1、CommonJS是一种规范,NodeJS是这种规范的实现。 1.1、CommonJS 加载模块是同步的,所以只有加载完成才能执行后面的操作。 参考: http://www.commonjs.org/ http://javascript.ruanyifeng.com/nodejs/module.html 2、AMD是RequireJS在推广过程中对模块定义的规范化产出。

1、CommonJS是一种规范,NodeJS是这种规范的实现。

1.1、CommonJS 加载模块是同步的,所以只有加载完成才能执行后面的操作。

参考:

http://www.commonjs.org/

http://javascript.ruanyifeng.com/nodejs/module.html

2、AMD是RequireJS在推广过程中对模块定义的规范化产出。

2.1、AMD异步加载模块。

参考:

https://github.com/amdjs/amdjs-api/wiki/AMD

http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

3、CMD是SeaJS在推广过程中对模块定义的规范化产出。

3.1、对于依赖的模块AMD是提前执行,CMD是延迟执行。不过RequireJS从2.0开始,也改成可以延迟执行(根据写法不同,处理方式不通过)。

3.2、CMD推崇依赖就近,AMD推崇依赖前置。

参考:

https://github.com/cmdjs/specification/blob/master/draft/module.md

https://github.com/seajs/seajs/issues/242

4、UMD是AMD和CommonJS的融合。

4.1、AMD 浏览器第一的原则发展 异步加载模块。

4.2、CommonJS 模块以服务器第一原则发展,选择同步加载,它的模块无需包装(unwrapped modules)。

4.3、这迫使人们又想出另一个更通用的模式UMD (Universal Module Definition)。希望解决跨平台的解决方案。 UMD先判断是否支持Node.js的模块(exports)是否存在,存在则使用Node.js模块模式。 在判断是否支持AMD(define是否存在),存在则使用AMD方式加载模块。

参考:

https://github.com/umdjs/umd

以上是关于对JS的概念的理解,后续在进行深入尝试。

参考:

http://javascript.ruanyifeng.com/nodejs/module.html

http://www.cnblogs.com/fullhouse/archive/2011/07/15/2107416.html

https://justineo.github.io/singles/writing-modular-js/

https://my.oschina.net/felumanman/blog/263330?p=1

http://web.jobbole.com/82238/

http://blog.gejiawen.com/2015/11/03/what-is-amd-cmd-commonjs-umd/?utm_source=tuicool&utm_medium=referral

https://www.zhihu.com/question/20351507

http://www.cnblogs.com/mfc-itblog/p/5216820.html

1.对于依赖的模块AMD是提前执行,CMD是延迟执行。不过RequireJS从2.0开始,也改成可以延迟执行(根据写法不同,处理方式不通过)。

2.CMD推崇依赖就近,AMD推崇依赖前置。

==>如有问题,请联系我:easonjim#163.com,或者下方发表评论。<==

用云栖社区APP,舒服~

【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题,通过回答传承技术知识、经验、心得,问答专家期待你加入!  详情请点击

网友评论