AMD和CommonJS

最新推荐文章于 2023-03-28 20:26:59 发布
最新推荐文章于 2023-03-28 20:26:59 发布
阅读量346 收藏 1
点赞数
分类专栏： 知识点 文章标签： AMD CommonJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hannah1116/article/details/80159378
版权

AMD

1、require.js

2、全局define函数

3、全局require函数

4、依赖JS会自动、异步加载


CommonJS

nodejs模块化规范，现在被大量用于前端的原因：

1、前端开发依赖库和插件，都可以从npm中获取

2、构建工具的高度自动化，使用npm的成本非常低

3、CommonJS不会异步加载JS，而是同步一次性加载出来


两者的使用场景

1、需要异步加载JS，使用AMD

2、使用npm之后建议使用CommonJS

hannah1116
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中的模块规范（CommonJS，AMD，CMD(少用)）
12-28
如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。 现在就看看吧，这些规范到底是啥东西，干嘛的。
javaScript 模块化开发 AMD(异步加载 require.js) 和CMD( sea.js) 1
prpjava2011的专栏
12-22 1094
s开发者对js模块加载的尝试和创新从来都没有停止过，尤其是当nodejs的出现后，模块化加载的必要性更加凸显。本文不讨论如何在nodejs环境来模块化加载（创造者已经利用commonJS机制解决），只讨论在浏览器环境下如何来模块加载的思路，并提出一些我的看法。 浏览器环境与nodejs的环境的最大差异是，对于nodejs的环境，大多数情况下被依赖的模块文件本身就在本地（它们都在服务器上），同步取
AMD和COMMONJS
贪睡的小聪
03-22 706
ESMODULE 静态引入(要用什么一开始就要想好) 例子 import a from ‘a’ if(ture){ import a from 'a' } else { import b from 'b' } 上述不可以这样判断(无效) 优点 webpack,做代码的预分析,(依赖拓扑),如果是commonJS就会 AMD 动态引入(依赖前置) require([module], callback); require(['math'], function (math) { 　　math.
CommonJS，AMD，CMD和ES6的模块
xiaoya1987的专栏
12-09 465
AMD 和 CommonJS 都是JavaScript模块化的设计模式。在JavaScript中，模块是一种通用的功能片段。 AMD (异步模块定义)可以进行异步加载。 应用方法 在使用AMD和CommonJS的时候，都要涉及两个问题，一是如何定义一个模块，二是如何加载一个模块。 AMD使用define定义模块；使用require加载依赖。 define的用法如下： define( modul...
AMD和Commonjs的理解
cuichongyu的博客
05-19 438
AMD和Commonjs的理解 CommonJS是服务器端模块的规范，Node.js采用了这个规范。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD规范则是非同步加载模块，允许指定回调函数 AMD推荐的风格通过返回一个对象做为模块对象，CommonJS的风格通过对module.exports或exports的属性赋值来达到暴露模块对象的目的 模块化开...
世界语：已弃用：一种将ES6模块转换为AMD和CommonJS的简便方法
02-21
将ES6模块移植到AMD和CommonJS的更好方法： 更容易-无需费力的配置 更简单-无需对项目设置做出危险的假设 更智能-无损源代码转换，无运行时Traceur依赖项以及仅ES5的功能 更快-大约比其他产品快10倍 在此处在线...
umd-lib:一个使用 UMD 的小模块，同时公开 AMD 和 CommonJS 接口
06-24
umd-lib 只是一个使用 UMD 的小模块，它公开了 AMD 和 CommonJS 接口。 我们正在使用 browserify 将这个非常小的库和他的依赖项捆绑到一个同时公开 AMD 和 CommonJS 的 bundle.js 中。 这是我们用于创建包的命令： ...
gobble-esperanto:使用 gobble 和世界语将 ES6 模块转换为 AMD 和 CommonJS
06-06
使用 gobble 和将 ES6 模块转换为 AMD 和 CommonJS。 安装 首先，您需要安装 gobble - 有关详细信息，请参阅。 然后， npm i -D gobble-esperanto 用法 gobblefile.js var gobble = require ( 'gobble' ) ; ...
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模块化加载学习心得总结。小编觉得写的非常不错，需要的朋友可以过来参考一下
AMD 和 Commonjs
笑望灬星辰
04-18 136
AMD 和 Commonjs CommonJS 是服务器端模块的规范， Node.js 采⽤了这个规范 CommonJS 规范加载模块是同步的，也就是说，只有加载完成，才能执⾏后⾯的操作 AMD 规范则是⾮同步加载模块，允许指定回调函数 AMD 推荐的⻛格通过返回⼀个对象做为模块对象， CommonJS 的⻛格通过对 module.exports 或 exports 的属性赋值来达到暴露模块对象的⽬的 ...
JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
Sunny
07-11 383
JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系 先说说CommonJS   CommonJS - 大家是不是觉得JavaScript仅仅是一个客户端的编译语言，其实JavaScript设计之初不仅仅是针对客户端设计的语言。后来只是由于Web的迅速流行，加之Netscape和微软之间之争过早的将JavaScipt标准化。要了解详细的JS
对AMD和Commonjs的理解
W1254667的博客
01-06 431
AMD和Commonjs
CommonJS，AMD，CMD区别
zccst的专栏
05-29 1005
zccst转载 学得比较晕，再次看commonjs，amd, cmd时好像还是没完全弄清楚，今天再整理一下： commonjs是用在服务器端的，同步的，如nodejs amd, cmd是用在浏览器端的，异步的，如requirejs和seajs 其中，amd先提出，cmd是根据commonjs和amd基础上提出的。 为什么晕呢？是因为没用，或用得太少。光看看文章是不行的。 ...
CommonJS和AMD
weixin_30730151的博客
08-23 118
在JavaScript模块一文中介绍了如何组织代码实现模块化。模块化能隐藏私有的属性和方法，只暴露出公共接口。这样别人就不需要从头开始造轮子，直接用你的模块中定义的功能就行了。而且保证了命名空间，不会出现命名冲突。 但如果没有一套规范做参照，每个人都随自己的喜好定义模块，使用别人的模块就会出现障碍。本篇就介绍一下通用的定义JS模块的规范：CommonJS和AMD CommonJS N...
commonJS、AMD、CMD和es6
weixin_49343253的博客
06-18 214
以前的js不能实现模块化，于是有了commonjs规范，遵守commonjs规范的node.js,它不能在前端浏览器中使用，一般在服务器中使用较多。 y
commonjs和AMD
weixin_34378767的博客
10-06 140
commonjs CommonJS就是为JS的表现来制定规范，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。 CommonJS定义的模块分： {模块引用(require)}，require()用来引入外部模块； {模块定义(exports)}，exports对象用于导出当前模块的方法或变量，唯一的导...
JS模块化总结(commonJs规范、AMD规范、CMD规范、ES6)
最新发布
小陈的博客
03-28 795
define(function(){let name = 'module1'function getName () {return name}// 暴露模块return {getName}})})})})})最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
2021-08-27 说说你对AMD和Commonjs的理解
GAARA
08-27 186
CommonJS 是服务器端模块的规范， Node.js 采⽤了这个规范。 CommonJS 规范加载模 块是同步的，也就是说，只有加载完成，才能执⾏后⾯的操作。 AMD 规范则是⾮同步加载 模块，允许指定回调函数 第⼀部分：基础篇 | FE-Interview blog.poetries.top/FE-Interview-Questions/base/#_3-内存泄漏 45/115 AMD 推荐的⻛格通过返回⼀个对象做为模块对象， CommonJS 的⻛格通过对 module.exports 或 expo
模块化 cmd amd commonjs
03-25
在 JavaScript 中，有三种常见的模块化规范：CommonJS、AMD（Asynchronous Module Definition）和CMD（Common Module Definition）。 CommonJS 是 Node.js 默认的模块化规范，它主要用于服务器端的 JavaScript 开发...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值