2021-08-27 说说你对AMD和Commonjs的理解

最新推荐文章于 2024-05-04 23:55:19 发布
最新推荐文章于 2024-05-04 23:55:19 发布
阅读量190 收藏
点赞数
文章标签： node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rowlet/article/details/119959255
版权

CommonJS 是服务器端模块的规范， Node.js 采⽤了这个规范。 CommonJS 规范加载模 块是同步的，也就是说，只有加载完成，才能执⾏后⾯的操作。 AMD 规范则是⾮同步加载 模块，允许指定回调函数
第⼀部分：基础篇 | FE-Interview
blog.poetries.top/FE-Interview-Questions/base/#_3-内存泄漏 45/115
AMD 推荐的⻛格通过返回⼀个对象做为模块对象， CommonJS 的⻛格通过对
module.exports 或 exports 的属性赋值来达到暴露模块对象的⽬的

前端OnTheRun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JS模块化总结(commonJs规范、AMD规范、CMD规范、ES6)
小陈的博客
03-28 834
define(function(){let name = 'module1'function getName () {return name}// 暴露模块return {getName}})})})})})最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
对AMD和Commonjs的理解
W1254667的博客
01-06 439
AMD和Commonjs
CommonJS，AMD，CMD区别 - 郑星阳 - ITeye博客
最新发布
2401_84150187的博客
05-04 697
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
前端模块化——彻底搞懂AMD、CMD、UMD、ESM和CommonJS
zzy7075的专栏
02-04 805
UMD是AMD和CommonJS的一个糅合。AMD是浏览器优先，异步加载；CommonJS是服务器优先，同步加载。既然要通用，怎么办呢？那就先判断是否支持node.js的模块，存在就使用node.js；再判断是否支持AMD（define是否存在），存在则使用AMD的方式加载。这就是所谓的UMD。
AMD和CommonJS
hannah1116的博客
05-02 352
AMD1、require.js2、全局define函数3、全局require函数4、依赖JS会自动、异步加载CommonJSnodejs模块化规范，现在被大量用于前端的原因：1、前端开发依赖库和插件，都可以从npm中获取2、构建工具的高度自动化，使用npm的成本非常低3、CommonJS不会异步加载JS，而是同步一次性加载出来两者的使用场景1、需要异步加载JS，使用AMD2、使用npm之后建议使用...
amd、umd、cmd、commonjs
weixin_44283589的博客
08-04 444
异步加载模块，适用于浏览器环境中需要动态加载模块的情况。使用 define 函数定义模块使用 require 函数异步加载依赖模块。支持在浏览器和Node.js环境中使用的通用模块定义格式可以通过全局变量或模块加载器进行加载// AMD 加载 define(['dep1', 'dep2'], factory);// Node.js 加载 module.exports = factory(require('dep1'), require('dep2'));} else {
babel-plugin-transform-amd-to-commonjs:将 AMD 转换为 CommonJS 的 Babel 插件
07-23
babel-plugin-transform-amd-to-commonjs 将 AMD 转换为 CommonJS 的 Babel 插件。 ，它使用这个插件来允许同步require AMD 模块。 用法 npm install --save-dev babel-plugin-transform-amd-to-commonjs 将转换...
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
10-22
下面小编就为大家分享一篇浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结。小编觉得写的非常不错，需要的朋友可以过来参考一下
commonjs-and-amd:在 CommonJS 和 AMD 环境之间共享代码
07-12
在 CommonJS 和 AMD 环境之间共享代码的微小研究在我当前的项目中，我在服务器和浏览器之间共享大部分代码。 最初，我为此使用了定制的签名。 最终，它在构建单体应用时被证明存在问题。 r.js完全不理解，我所有的...
grunt-amdify:用 AMD 包装 CommonJs 模块
07-08
在 AMD 中包装 CommonJs 模块 入门 这个插件需要 Grunt。 如果您以前没有使用过 ，请务必查看指南，因为它解释了如何创建以及安装和使用 Grunt 插件。 熟悉该过程后，您可以使用以下命令安装此插件： npm install ...
SOS2021-08
03-16
在实际项目中，"SOS2021-08-main"可能包含对这些知识点的运用，例如定义全局变量、设置页面加载事件、处理用户输入、与服务器通信等。通过深入分析这个文件，我们可以更深入地了解这个项目的核心架构和逻辑。
理解Commonjs、AMD、CMD、ES6的区别
virgo_ling的博客
04-14 428
require: 导入其他依赖的办法exports、导出的方法 导出的方法。
说说AMD、CMD、commonJS模块化规范的区别？
WY_ALA的博客
01-06 405
AMD、CMD、commonJS模块化规范的区别？
几句话看懂CommonJs和AMD标准
buzaishihaizi的博客
02-18 279
ECMAScript 规范是为了统一Javascript； 一、CommonJS （1）加载方式为同步加载； （2）CommonJS统一了Javascript在浏览器之外的实现； （3）CommonJS 规范包括了模块（modules）、包（packages）、系统（system）、控制台（console）、二进制（binary）、编码（encodings）、文件系统（filesystem...
【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么？它们有什么区别？
u014445339的博客
02-17 9095
知道JS有模块化开发的说法，也偶尔听过requireJs,AMD,CMD等等名字，甚至使用node的时候，还用过require之类的方法，但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。 其实仅仅做一些基础的活儿的时候，并不需要对它们有太多的了解，知道怎么用就行了，管他是什么理念，是什么实现呢。于是人就懒下来了。 终于有一天，下定决心，一定要把这一块
简述对AMD、CMD、CommonJs的理解
Mr_Outis的博客
09-05 1516
1、AMD/CMD/CommonJs是JS模块化开发的标准，目前对应的实现是RequireJs/SeaJs/nodeJs. 2、CommonJs主要针对服务端，AMD/CMD主要针对浏览器端，所以最容易混淆的是AMD/CMD。 （顺便提一下，针对服务器端和针对浏览器端有什么本质的区别呢？服务器端一般采用同步加载文件， 也就是说需要某个模块，服务器端便停下来，等待它加载再执行。这里如果有其
前端模块化AMD,CMD,以及common.js的基本理解
yjj520011的博客
07-18 321
** 1，AMD规范** AMD 即 Asynchronous Module Definition，中文名是“异步模块定义”的意思。它是一个在浏览器端模块化开发的规范，AMD 是 RequireJS 在推广过程中对模块定义的规范化产出，所以AMD规范的实现，就是的require.js了 特点 ：异步加载，不阻塞页面的加载，能并行加载多个模块，但是不能按需加载，必须提前加载所需依赖 Amd 的规...
关于commonjs、AMD、UMD、ESM以及ts模块之间的使用差异
qq_35094120的博客
11-18 938
当module为：AMD、System、ES2015的时候，默认为Classic，否则为node。typescript现在使用了与Node.js类似的模块解析策略，但是Typescript增加了其他几个源文件扩展名的查找(.ts、.tsx、.d.ts)，同时Typescript在package.json里使用types去表示main的意义。特点：一个文件就是一个模块，拥有独立的作用域，适用于服务端不适合浏览器端。一个文件就是模块，拥有独立的作用域，script标签需要声明type=“module”。
怎么看AMD vs.Commonjs?
LuckXinXin的博客
10-12 215
共同点：两者都是为了实现模块化编程而出现的。对于大型项目，参与人数多，代码逻辑复杂，是最适合使用模块化的思想来完成整个项目的。同时采用这种思想也很便于对整个项目进行管控。 区别： CommonJS： ● 适用于服务器端，Node.js的执行环境就是采用CommonJS模式 ● 同步加载不同模块文件。之所以采用同步加载方式，是因为模块文件都存放在服务器的各个硬盘上，实际的加载时间就是硬盘的文件读取时...
说说AMD、CMD、commonJS模块化规范的区别
05-23
AMD（Asynchronous Module Definition）和 CMD（Common Module Definition）是两种常见的JavaScript模块化规范，而CommonJS则是另一种常见的JavaScript模块化规范。 AMD和CMD都是异步加载JavaScript模块的规范，可以在页面加载完毕后再异步加载JavaScript模块。这样可以加快页面的加载速度，提高用户体验。 AMD规范是由RequireJS推广和实现的，它的特点是定义模块时采用的是函数式的语法。AMD模块通过define()函数定义，模块的依赖通过数组参数来定义： ``` //定义模块 define(['module1', 'module2'], function(module1, module2) { //模块代码 }); ``` CMD规范是由SeaJS推广和实现的，它的特点是定义模块时采用的是对象式的语法。CMD模块通过define()函数定义，模块的依赖通过函数参数来定义： ``` //定义模块 define(function(require, exports, module) { //引入依赖模块 var module1 = require('module1'); var module2 = require('module2'); //模块代码 }); ``` CommonJS规范则是由Node.js推广和实现的，它的特点是采用同步加载JavaScript模块的方式。CommonJS模块通过module.exports和require()函数来定义和引入模块： ``` //定义模块 module.exports = { //模块代码 }; //引入模块 var module1 = require('module1'); ``` 总的来说，AMD和CMD主要用于浏览器端的JavaScript模块化开发，而CommonJS主要用于服务器端的JavaScript模块化开发。在实际开发中，可以根据自己的需求选择合适的模块化规范。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值