AMD/CMD

作者: 刘程源 | 来源:发表于2019-07-25 01:10 被阅读0次

均是前端模块化加载的产物

前身 --> 类加载器/异步加载器

各类大型(ui)框架提供的性能优化解决方案
如easyUI.loader,Ext.loader,YUI.loader,各类地图等大型产品下的loader

相关概念

  • 模块化
  • 按需加载

缺点
api不同,各有各的实现方式,当不同大型组件混用时,组件按需加载会混乱
如在easyui下使用各种地图产品,并通过双方的loader进行按需加载

吐槽
一般混合的情况比较少,而单纯的提供一个按需加载,具有通用按需加载的实现,都不太出众

解决 --> 协议

使用一种通用协议/标准/API即可
所谓的协议/标准,一般是由已实现的巨头提出
个人会认为有且仅有发起方才会实现该标准

参考

  • 协议战争

AMD

Asynchronous Module Definition 异步模块加载规范

发起方
requireJS

核心
提前加载

描述
此处为web/js下的异(同)步不同于生活中/单片机的异(同)步,理解上可参考线程,即针对某一请求(跨线程行为),对于返回内容是否进行当前线程的等待,等待为同步,看起来没有跨线程操作一样,不等待为异步,语法上需要特殊处理

毫无疑问,大部分loader均使用类似的实现方式,只是api不一样

CMD

Common Module Definition 通用模块加载规范

核心
按需加载

描述
C并不是同步,在js的概念中同步是政治立场不正确的行为,只有类同步,像同步,语法糖同步,单纯的区别于异步

核心实现
1.在define中通过正则,获取require系列的描述,并进行加载,此处只下载,不执行
2.当执行到require时,在执行已下载的代码

毫无疑问,第一步是牺牲性能,反哺语意的做法

一统江湖 --> ES6

amd与cmd并不是在前端模块化加载的唯二的两种规范,应该说,凡是有一定体积的通用模块化工具,都提出了自己的规范,并以此提供实现(API)
无论是那种规范,对最终性能并没有本质的区别(影响不大),语法也是极其相似,在node4实现commonJS的规范后,commonJS一统江湖的口号已经响起,直到ES6发布

吐槽
虽然至今,ES6下关于模块化的内容并没有浏览器实现,但并不影响相关产品对其协议的遵从,毫无疑问,真正的大佬属于ECMA,AMD/CMD等相关的规范,可以埋了

相关概念

  • ES6
  • commonJS/bravoJS
    node4中已实现了commonJS的规范,至少到目前并没有取消,所以很长一段时间node实际是两套模块加载规范并存

相关文章

  • AMD CMD

    AMD CMD AMD,CMD是浏览器端模块加载器的两种规范。AMD的代表是requireJS和SeaJS。今天主...

  • css,js(2)

    1.0AMD CMD CommonJS /* AMD是RequireJS对模块化的定义 * CMD是seaJS对模...

  • AMD CMD

    随着RequireJS成为最流行的实现方式,异步模块规范(AMD)在前端界已经被广泛认同。下面是只依赖jquery...

  • AMD CMD

    AMD 是 RequireJS 在推广过程中对模块定义的规范化产出,CMD是SeaJS 在推广过程中被广泛认知。 ...

  • AMD/CMD

    均是前端模块化加载的产物 前身 --> 类加载器/异步加载器 各类大型(ui)框架提供的性能优化解决方案如easy...

  • require.js简单介绍

    requirejs、cmd、amd基本解释

  • js的模块方案:CommonJS、AMD和CMD

    什么是CommonJS、AMD和CMD CommonJS、AMD和CMD都是js的模块加载方案,JS在最初设计的时...

  • 归档

    AMD、CMD、CommonJs、ES6的对比 他们都是用于在模块化定义中使用的,AMD、CMD、CommonJs...

  • js模块

    AMD CMD AMD、CMD 相对命比较短,到 2014 年基本上就摇摇欲坠了。 CommonJs requi...

  • 2017年4月看面试题记

    AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...

网友评论

      本文标题:AMD/CMD

      本文链接:https://www.haomeiwen.com/subject/bjbqrctx.html