zoukankan      html  css  js  c++  java
  • AMD 和 CMD 的区别有哪些?

    一、AMD 和 CMD 的区别有哪些?

    AMD

    Asynchronous Module Definition的缩写,意思就是"异步模块定义"。

    由于不是JavaScript原生支持,使用AMD规范进行页面开发需要用到对应的库函数,也就是大名鼎鼎RequireJS,实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出

    它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。

    RequireJS主要解决两个问题:

    1. 多个js文件可能有依赖关系,被依赖的文件需要早于依赖它的文件加载到浏览器
    2. js加载的时候浏览器会停止页面渲染,加载文件越多,页面失去响应时间越长

    CMD
    CMD 即Common Module Definition通用模块定义,CMD规范是国内发展出来的,就像AMD有个requireJS,CMD有个浏览器的实现SeaJS,SeaJS要解决的问题和requireJS一样,只不过在模块定义方式和模块加载(可以说运行、解析)时机上有所不同。

    区别:

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

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

    类似的还有 CommonJS Modules/2.0 规范,是 BravoJS 在推广过程中对模块定义的规范化产出。还有不少⋯⋯这些规范的目的都是为了 JavaScript 的模块化开发,特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。

    区别:

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

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

    看代码:

    // CMD默认推荐的是:

    define(function(require, exports, module) {   
        var a = require('./a')   
        a.doSomething()   
        // 此处略去 100 行   
        var b = require('./b') // 依赖可以就近书写   
        b.doSomething()   
        // ... 
    })

    // AMD 默认推荐的是:

    define(['./a', './b'], function(a, b) {  
        // 依赖必须一开始就写好    
        a.doSomething()    // 此处略去 100 行    
        b.doSomething()    
        ...
    })

    原文链接有:

    1、https://www.ibm.com/developerworks/cn/web/1209_shiwei_requirejs/

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

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

  • 相关阅读:
    javascript 备忘 细节 相关
    内存泄漏
    css相关 细节 优化 备忘
    nodeType
    事件冒泡 模型
    两个感叹号作用
    非冒泡事件
    DOM 对象
    Quartz2D 之 绘制文本
    Voilin 与 乐谱
  • 原文地址:https://www.cnblogs.com/yanmuxiao/p/8761603.html
Copyright © 2011-2022 走看看