【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么?它们有什么区别?
来源:互联网 发布:剑网3dbm数据 编辑:程序博客网 时间:2024/06/02 05:03
知道JS有模块化开发的说法,也偶尔听过requireJs,AMD,CMD等等名字,甚至使用node的时候,还用过require之类的方法,但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。
其实仅仅做一些基础的活儿的时候,并不需要对它们有太多的了解,知道怎么用就行了,管他是什么理念,是什么实现呢。于是人就懒下来了。
终于有一天,下定决心,一定要把这一块知识搞清楚,至少对此有个鲜明的认知,不再那么朦朦胧胧,A/C不分。
查了一些文章博客和知乎回答,发现大部分文章在某一部分上都会讲的很详细,太详细了,却又没有一个连贯,我觉得这不太适合我这样状况的新手,至少我因此多花了不少时间,而我写这篇文章就是希望和我一样有此困惑的新手能快速了解这几个标准,做到如果不是想深入,读完我总结的几个知识点,各位应该是可以不用再查找其他文章了的。
知识点1:AMD/CMD/CommonJs是JS模块化开发的标准,目前对应的实现是RequireJs/SeaJs/nodeJs.
知识点2:CommonJs主要针对服务端,AMD/CMD主要针对浏览器端,所以最容易混淆的是AMD/CMD。(顺便提一下,针对服务器端和针对浏览器端有什么本质的区别呢?服务器端一般采用同步加载文件,也就是说需要某个模块,服务器端便停下来,等待它加载再执行。这里如果有其他后端语言,如java,经验的‘玩家’应该更容易理解。而浏览器端要保证效率,需要采用异步加载,这就需要一个预处理,提前将所需要的模块文件并行加载好。)
知识点3 : AMD/CMD区别,虽然都是并行加载js文件,但还是有所区别,AMD是预加载,在并行加载js文件同时,还会解析执行该模块(因为还需要执行,所以在加载某个模块前,这个模块的依赖模块需要先加载完成);而CMD是懒加载,虽然会一开始就并行加载js文件,但是不会执行,而是在需要的时候才执行。
知识点4:AMD/CMD的优缺点.一个的优点就是另一个的缺点, 可以对照浏览。
AMD优点:加载快速,尤其遇到多个大文件,因为并行解析,所以同一时间可以解析多个文件。
AMD缺点:并行加载,异步处理,加载顺序不一定,可能会造成一些困扰,甚至为程序埋下大坑。
CMD优点:因为只有在使用的时候才会解析执行js文件,因此,每个JS文件的执行顺序在代码中是有体现的,是可控的。
CMD缺点:执行等待时间会叠加。因为每个文件执行时是同步执行(串行执行),因此时间是所有文件解析执行时间之和,尤其在文件较多较大时,这种缺点尤为明显。
知识点5:如何使用?CommonJs的话,因为nodeJs就是它的实现,所以使用node就行,也不用引入其他包。AMD则是通过<script>标签引入RequireJs,具体语法还是去看官方文档或者百度一下吧。CMD则是引入SeaJs。
0 0
- 【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么?它们有什么区别?
- 【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么?它们有什么区别?
- CommonJS、AMD、CMD、NodeJs、RequireJS到底有什么联系?
- CommonJs,AMD,CMD是什么?
- AMD/CMD/CommonJS是什么
- CommonJS,AMD,CMD区别
- commonJs,AMD,CMD区别
- CommonJs,AMD,CMD区别
- commonJS、AMD、CMD的区别
- CommonJS、AMD和CMD区别
- AMD/CMD/CommonJs 模块化区别?
- ehci、xhci是什么?它们有什么区别
- CommonJS,AMD和CMD规范的区别
- CommonJS AMD CMD UMD RequireJS的区别
- commonJs-CMD-AMD的区别和联系
- AMD/CMD/CommonJs的区别与使用
- CommonJs,AMD,CMD
- CommonJS和AMD/CMD!
- App Store 狠抓精神文明建设,JSPatch要亡了?
- C# 判断是否是合法的IP地址
- leetcode219~Contains Duplicate II
- vue.js和angular.js的区别
- HTML学习
- 【新手入门 最精炼总结】AMD/CMD/CommonJs到底是什么?它们有什么区别?
- 修改配置文件导致命令不可用解决办法
- Kudu ImportCsv 行以分隔符结尾
- 【初识数据结构】预备知识
- 生成随即密码(数字加大写或者消协字母)
- opencv放射warpAffine函数和getRotationMatrix2D函数
- 为什么在Spring的配置里,最好不要配置xsd文件的版本号
- cocos2d版本api异同
- 数字化婚姻配对尝试