CommonJs, AMD/RequireJs,CMD/seajs, UMD, webpack
2017-12-20 16:52
399 查看
在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发? |
Seasons123 changed
the title from mst-CMD,AMD,UMD,commonjs,requirejs,seajs to mst-关于模块化:CMD,AMD,UMD,commonjs,requirejs,seajs on
22 Jun
Seasons123 changed
the title from mst-关于模块化:CMD,AMD,UMD,commonjs,requirejs,seajs tomst-关于模块化:CMD,AMD,UMD,commonjs,requirejs,seajs,webpack on
22 Jun
Owner
Seasons123 commented on
22 Jun •
edited commonjs起初是服务端模块的规范,nodejs就是采用这个规范。CommonJs原来是叫ServerJs,从名字可以看出是专攻服务端的,为了统一前后端而改名CommonJs。它的规范是一个单独的文件就是一个模块。加载模块使用require方法,该方法读取文件并执行,最后导出一个exports对象。commonjs是同步加载模块,加载完成后执行操作。服务端require一个模块,直接就从硬盘或者内存中读取了,消耗的时间可以忽略,就没有必要采用异步方式的来加载。但是如果我们考虑到浏览器端的话,就肯定知道,同步加载,阻塞页面的渲染,造成页面白屏,或者卡死等现象,对于用户体验肯定是不友好的。另外,资源的加载方式与服务端完全不同,在浏览器端,需要从服务端来下载这个文件,然后运行里面的代码才能得到API,需要花费一个http请求,也就是说,require后面的一行代码,需要资源请求完成才能执行。由于浏览器端是以插入<script>标签的形 |
1
Owner
Seasons123 commented on
22 Jun
Owner
Seasons123 commented on
22 Jun
阮老师的相关文集: Javascript模块化编程(一):模块的写法 http://www.ruanyifeng.com/blog/2012/10/javascript_module.html Javascript模块化编程(二):AMD规范 http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html Javascript模块化编程(三):require.js的用法 http://www.ruanyifeng.com/blog/2012/11/require_js.html |
Owner
Seasons123 commented on
22 Jun •
edited 关于各个模块规范的老底吕师兄写过一篇也很好: js模块化历程http://www.cnblogs.com/lvdabao/p/js-modules-develop.html |
Seasons123 changed
the title from mst-关于模块化:CMD,AMD,UMD,commonjs,requirejs,seajs,webpack to mst-关于模块化:Commonjs, AMD, UMD, CMD,
Requirejs, seajs, webpack on 22 Jun
Seasons123 changed
the title from mst-关于模块化:Commonjs, AMD, UMD, CMD, Requirejs, seajs, webpack to Commonjs, AMD, UMD, CMD, Requirejs,
seajs, webpack on 22 Jun
Seasons123 changed
the title from Commonjs, AMD, UMD, CMD, Requirejs, seajs, webpack to mst-关于模块化:CommonJs, AMD/RequireJs,CMD/seajs,
UMD, webpack on 22 Jun
Seasons123 changed
the title from mst-关于模块化:CommonJs, AMD/RequireJs,CMD/seajs, UMD, webpack to CommonJs, AMD/RequireJs,CMD/seajs,
UMD, webpack on 22 Jun
相关文章推荐
- 聊一聊CommonJS,Requirejs,SeaJS,AMD,CMD之间需要理清的关系
- 聊一聊CommonJS,RequireJS,SeaJs,AMD,CMD之间需要清理的关系
- AMD,CMD,CommonJS以及RequireJS和SeaJS的个人感悟
- javascript模块化之CommonJS、AMD、CMD、UMD、ES6
- AMD与CDM RequireJS与SeaJS CommonJS 的认识
- 认识AMD、CMD、UMD、CommonJS
- AMD 和 CMD 的区别有哪些?RequireJS 和 SeaJS 的差异
- 支持seaJs和requireJs的前端模块开发方案(四):AMD模式和CMD模式下的config.js
- CommonJS、AMD、UMD、CMD
- AMD、CMD、webpack理解
- JavaScript模块化编程 - CommonJS, AMD ,CMD和 RequireJS之间的关系
- CommonJS AMD CMD UMD RequireJS的区别
- 模块化(CommonJs、AMD、CMD、UMD)发展历史与优缺点
- 初探前端模块化规范(AMD,CommonJS,UMD,CMD)
- JavaScript模块化思想之CommonJS、AMD、CMD、UMD
- commonjs、amd、cmd、umd规范
- AMD,CMD,COMMONJS,UMD
- CommonJS、AMD、CMD、NodeJs、RequireJS到底有什么联系?
- 再谈 JS中的模块规范(CommonJS,AMD,CMD)来自玉伯的seajs分析
- javascript模块化之CommonJS、AMD、CMD、UMD、ES6