这次给大家带来require.js的模块化开发，require.js模块化开发的注意事项有哪些，下面就是实战案例，一起来看一下。
一、Require.js及AMD
Require.js：是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。
AMD（Asynchronous Module Definition）：异步模块定义规范（AMD）制定了定义模块的规则，这样模块和模块的依赖可以被异步加载。这和浏览器的异步加载模块的环境刚好适应（浏览器同步加载模块会导致性能、可用性、调试和跨域访问等问题）。
// AMD规范// 第一个参数，id，是个字符串。它指的是定义中模块的名字，这个参数是可选的。如果没有提供该参数，模块的名字应该默认为模块加载器请求的指定脚本的名字。如果提供了该参数，模块名必须是“顶级”的和绝对的（不允许相对名字）。// 第二个参数，dependencies，是个定义中模块所依赖模块的数组。依赖模块必须根据模块的工厂方法优先级执行，并且执行的结果应该按照依赖数组中的位置顺序以参数的形式传入（定义中模块的）工厂方法中。// 第三个参数，factory，为模块初始化要执行的函数或对象。如果为函数，它应该只被执行一次。如果是对象，此对象应该为模块的输出值。define(id?, dependencies?, factory);
二、Require.js使用
1、目录结构
举例中用到了个中文转换拼音的插件（GitHub地址：https://github.com/sxei/pinyinjs/），这个插件挺好用的，但由于中文中存在多音字，经常会出现不符合常规的拼音，比如（贾宝玉 => "gu bao yu"）
├─scripts
│─plus
├─pinyin
│ ├─dist
│ │ ├─pinyin_dict_firstletter.js
│ │ ├─pinyin_dict_notone.js
│ │ ├─pinyin_dict_polyphone.js
│ │ └─pinyin_dict_withtone.js
│ └─pinyinUtil.js
├─jquery.js
├─plusMain.js
├─require.js
└─test.js2、引入require.js
3、挂载模块
[1] 局部加载
//test.jsdefine(function () { return {
add: function (a, b) {
alert("传参没用上，哈哈");
}
}
});//页面代码$(function () {
require(["/scripts/plus/test.js"], function (h) {
h.add(1, 2);
);
})[2] 全局加载
//plusMain.jsrequire.config({
paths: { jquery: "jquery",
}
});//页面引用
