AMD和CMD的区别

最新推荐文章于 2024-06-13 13:06:10 发布
最新推荐文章于 2024-06-13 13:06:10 发布
阅读量224 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zds456/article/details/83903213
版权

AMD代码示例：
1、模块定义：
新建myAmd.js文件，
define(function(){//因为myAmd.js文件对其它模块没有依赖，所以，不用写第一个参数
var name = 'Byron';
var age = 100;
function printName(){
console.log(name);
}
function setAge(transAge){
age = transAge;
}
function getAge(transAge){
return age;
}
return {
printName: printName,
setAge:setAge,
getAge:getAge
};
});

2、引入模块（使用模块）：
新建demo.html文件，
<script type="text/javascript">
// 加载模块
require([‘myAmd’], function (my){ //模块加载完成后执行的函数
my.printName();
my.setAge(80);
console.log(my.getAge());
});
</script>
3、如果定义的模块对其它模块有依赖关系，则需要在定义时，写上第一个参数。

如：
myAmd.js文件代码
define([‘js/jquery.min’],function(){ // myAmd模块依赖jQuery，则需要写上jQuery模块
var name = 'Byron';
var age = 100;
function show(){
alert($("#btn").val());
}
return {
show : show
};
});

 

CMD

n在项目目录下建立js文件夹，放上sea.js文件
n定义模块
在js目录下建立moduleDemo.js代码
define(function(require,exports,module){
var id="";
var name = "“;
exports.setId = function(transId){
id = transId;
}
exports.setName = function(transName){
name = transName;
}
exports.showInfo = function(){
alert("我是"+name+",我的身份证号码是："+id);
}
})

n加载模块
建立demo01.html
<body>
身份证：<input id="userId" type="text" /><br/>
姓 名：<input id="userName" type="text" /><br/>
<input type="button" id="btnSave" value="保存信息" />
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="js/sea.js"></script>
<script type="text/javascript">
seajs.use([" moduleDemo"],function(m){
$("#btnSave").click(function(){
m.setId($("#userId").val());
m.setName($("#userName").val());
m.showInfo();
});
});
</script>

一只中年程序猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CMD和AMD的区别
xiaolizi202112的博客
05-26 7207
1、CMD和AMD都是为了JavaScript模块化开发的规范 2、CMD是sea.js推广过程中对模块定义的规范化产出；AMD是require.js推广过程中对模块定义的规范化产出 3、AMD是异步模块定义的意思，他是一个在浏览器端模块开发规范，由于不是JS原生支持，使用AMD规范进行页面开发时，需要对应的函数库 4、require.js解决的问题，多个JS文件可以有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器，JS加载的时候浏览器停止页面渲染，加载文件越多，页面失去响应时间越长 5、C
AMD与CMD标准的区别
zhangliuxiaomin的博客
12-06 1675
AMD AMD 即Asynchronous Module Definition，中文名是异步模块定义的意思。它是一个在浏览器端模块化开发的规范 由于不是JavaScript原生支持，使用AMD规范进行页面开发需要用到对应的库函数，也就是大名鼎鼎RequireJS，实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出 requireJS主要解决两个问题
谈谈你对 AMD 和 CMD 的理解
最新发布
m0_65084430的博客
06-13 750
随着前端技术的不断发展，JavaScript 模块化成为了提高代码可维护性和重用性的关键手段。在众多模块化方案中，AMD（Asynchronous Module Definition）和 CMD（Common Module Definition）是两种较为流行的规范。本文将详细介绍这两种模块化规范的特点、区别及使用场景，帮助大家更好地理解和应用它们。AMD，全称 Asynchronous Module Definition，即异步模块定义。
前端模块化-AMD、CMD、CommonJS和UMD、ESM
cherry_na的专栏
01-30 1028
前端模块化的几种方式
AMD与CMD规范区别
Ni_dhogg的博客
04-16 755
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 类似的还有 CommonJS Modules/2.0 规范，是 BravoJS 在推广过程中对模块定义的规范化产出。 还有不少⋯⋯ 这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。 目前这些规范的实现都能达成浏览器端模块化开发
《二》AMD和CMD
勤奋的年轻人
01-31 217
AMD 全称是Asynchronous Module Definition，即异步模块加载机制 require.js实现了AMD规范 在AMD中，导入和导出模块的代码，都必须放置在define函数中 define([依赖的模块列表], function(模块名称列表){ //模块内部的代码 return 导出的内容 }) <script data-main="./a.js"...
JavaScript模块规范之AMD规范和CMD规范
11-24
总结一下AMD和CMD的主要区别： 1. 依赖执行时机：AMD通常在定义时执行依赖，CMD则是延迟执行，按需加载。 2. 依赖声明方式：AMD在`define`中显式声明依赖，CMD使用`require`在工厂函数内部引入依赖。 3. 社区支持：...
JS中的模块规范(CommonJS,AMD,CMD
07-25
### JS中的模块规范(CommonJS, AMD, CMD) #### 一、CommonJS CommonJS 是一种模块化标准，最初被设计用于服务器端JavaScript环境，特别是针对Node.js这样的平台。CommonJS 的核心理念是允许开发者将代码组织成独立...
zonvert:将 AMD 转换为 CMD
06-14
自述文件作者：林东日期：2015 年 4 月 6 日操作说明npm install zonvert安装zonvert包zonvert -c ~/.jshintrc -d ./test/src -o ./test/build 这会将AMD转换为CMD javascript 文件。例子转换输入 define ( [ ...
AMD 与 CMD.md
04-15
模块化：是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。 在理想状态下我们只需要完成自己部分的核心业务逻辑代码，其他方面的依赖可以通过直接加载被人已经写好模块进行使用即可。
AMD , CMD, CommonJS，ES Module，UMD
qianyuge的博客
07-12 426
/ index.js // 注意，这里的m得和被加载的模块输出的接口名对应 import { m } from './module';因为'a' + 'b'在运行阶段才能取到值，运行阶段在编译阶段之后 import { 'a' + 'b' } from './module';// 若是只是想运行被加载的模块，如下 // 值得注意的是，即使加载两次也只是运行一次 import './module';// 接口名与模块内部变量之间，建立了一一对应的关系 // 写法1 export const m = 1;
JavaScript的模块编程与require.js的使用
@_囚徒-2018_的家园
12-31 509
1.JavaScript的模块编程概念    网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等。开发者不得不使用软件工程的方法，管理网页的业务逻辑。JavaScript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。           但是，Javascript不是一种模块化编程语言，它不支持"类"（clas
模块化编程：AMD 和 CMD 的魅力
你若盛开，清风自来
04-04 729
本文将介绍AMD和CMD这两种模块化编程规范。通过了解它们的特点和使用场景，我们可以更好地组织和管理JavaScript代码，提高项目的可维护性和可扩展性。AMD是一种异步加载模块的规范，它通过define函数来定义模块，并使用require函数来加载模块。AMD的特点是异步加载和依赖前置。异步加载：AMD模块是异步加载的，不会阻塞浏览器渲染页面，提高了页面的加载速度。依赖前置：AMD模块在定义时需要提前声明其依赖的模块，便于模块的加载和管理。
AMD与CMD的区别
青天诀的专栏
12-27 964
AMD和CMD都是为了解决浏览器端模块化问题而产生的，AMD规范对应的库函数有 Require.js，CMD规范是在国内发展起来的，对应的库函数有Sea.js。两者最明显的区别就是在模块定义时对依赖的处理不同 1、AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块 2、CMD推崇就近依赖，只有在用到某个模块的时候再去require 这种区别各有优劣，只是语法上的差距，而且requ
AMD、CMD、commonJS模块化规范的区别
zc_123_的博客
03-27 434
AMD、CMD、commonJS模块化规范的区别
AMD、CMD、UMD是什么？
祈澈菇凉
11-01 824
AMD是由RequireJS提出的模块化规范。它支持异步加载模块，适用于浏览器环境。模块使用define函数定义，使用require函数异步加载依赖模块。示例代码：// 定义模块// 模块代码});// 异步加载依赖模块// 使用模块});CMD是由SeaJS提出的模块化规范。它也支持异步加载模块，适用于浏览器环境和服务器端(Node.js)。模块使用define函数定义，使用require函数异步加载依赖模块。示例代码：// 定义模块// 引入依赖模块。
AMD规范、CMD规范、CommonJS
zyz00000000的博客
11-05 2339
一、AMD规范 AMD规范，全称是Asynchronous Module Definition，即异步模块加载机制。完整描述了模块的定义，依赖关系，引用关系以及加载机制。 AMD的核心是预加载，先对依赖的全部文件进行加载，加载完了再进行处理。 实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出 优点： 适合在浏览器环境中异步加载模块。可以并行加载多个模块。 缺点： 提高了开发成本，并且不能按需加载，而是必须提前加载所有的依赖。 RequireJS主要解决了两...
commonjs和amd/cmd区别
03-16
CommonJS 和 AMD/CMD 的主要区别在于它们的模块加载方式。 CommonJS 是服务器端 JavaScript 的标准，模块加载是同步的，适用于同步加载的场景。 AMD（异步模块定义）和 CMD（通用模块定义）则是针对浏览器端的，模块加载是异步的，适用于异步加载的场景。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值