AMD_CMD_RequireJS

题目1： 为什么要使用模块化？

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀

这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码。

在此背景下，无数的JSer努力探索，从最初的函数封装，对象封装，到如今的模块化，JavaScript已经有了很大进步。

题目2： CMD、AMD、CommonJS 规范分别指什么？有哪些应用

• 第一个模块化规范--CommonJS

第一个流行的模块化规范却由服务器端的JavaScript应用带来，CommonJS规范是由NodeJS发扬光大，这标志着JavaScript模块化编程正式登上舞台。

1.定义模块 根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为global对象的属性

2.模块输出： 模块只有一个出口，module.exports对象，我们需要把模块希望输出的内容放入该对象

3.加载模块： 加载模块使用require方法，该方法读取一个文件并执行，返回文件内部的module.exports对象

• AMD
  AMD 即Asynchronous Module Definition，中文名是异步模块定义的意思。它是一个在浏览器端模块化开发的规范

由于不是JavaScript原生支持，使用AMD规范进行页面开发需要用到对应的库函数，也就是大名鼎鼎RequireJS，实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出

requireJS主要解决两个问题

1.多个js文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器

2.js加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长

• CMD

CMD 即Common Module Definition通用模块定义，CMD规范是国内发展出来的，就像AMD有个requireJS，CMD有个浏览器的实现SeaJS，SeaJS要解决的问题和requireJS一样，只不过在模块定义方式和模块加载（可以说运行、解析）时机上有所不同。

1.一个文件一个模块，所以经常就用文件名作为模块id

2.CMD推崇依赖就近，所以一般不在define的参数中写依赖，在factory中写

• AMD与CMD区别

最明显的区别就是在模块定义时对依赖的处理不同

1.AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块

2.CMD推崇就近依赖，只有在用到某个模块的时候再去require

题目3： 使用 requirejs 完善入门任务15，包括如下功能：

• 1. 首屏大图为全屏轮播
• 2. 有回到顶部功能
• 3. 图片区使用瀑布流布局（图片高度不一），下部有加载更多按钮，点击加载更多会加载更多数据(数据在后端 mock)
• 4. 使用 r.js 打包应用

图片轮播1

图片轮播2

瀑布流布局1

瀑布流布局2

gotop组件

r.js打包文件

效果
demo