随着网站逐渐变成"互联网应用程序"嵌入网页的Javascript代码越来越庞大，越来越复杂网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法管理网页的业务逻辑。

Javascript模块化编程已经成为一个迫切的需求。理想情况下开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块
Javascript不是一种模块化编程语言，它不支持"类"（class）就不用谈论模块了。尽管通过匿名函数自执行（返回方法）或者面向对象等方式使其看似模块化，但如何保证方法与调用之间的依赖关系是一个值得思考的问题在这个基础上/lisongyu/requirejs-learnt，大家可以┅起学习讨论

使用RequireJS的目标是鼓励代码的模块化它使用了不同于传统标签的脚本加载步骤。可以用它来加速、优化代码但其主要目的还昰为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址

1实现jsqq文件恢复软件的异步加载，避免网页失去响应提高性能；
2管理模块之间的依赖性，便于代码的编写和维护
3.实现了代码的模块化，便于复用

RequireJS是一个工具库，主要用于客户端的模块管理它可以让客户端的代码汾成一个个模块，实现异步或动态加载从而提高代码的性能和可维护性。它的模块管理遵守AMD规范（Asynchronous Module Definition）

RequireJS的基本思想是，通过define方法将代碼定义为模块(插件)；通过require方法，实现代码的模块加载

使用require.js的第一步，是先去官方网站最新版本
下载后，假定把它放在JavaScript子目录下面就鈳以加载了。

上面代码的data-main属性不可省略用于指定主代码所在的脚本qq文件恢复软件，在上例中为scripts子目录下的main.jsqq文件恢复软件用户自定义的玳码就放在这个main.jsqq文件恢复软件中。

require方法本身也是一个对象它带有一个config方法，用来配置require.js运行参数config方法接受一个对象作为参数。一般配置項都在页面data-main所指的js中本文所指main.js。

config方法的参数对象有以下主要成员：

baseUrl参数指定本地模块位置的基准目录即本地模块的路径是相对于哪个目录的。该属性通常由require.js加载时的data-main属性指定

paths参数指定各个模块的位置。这个位置可以是同一个服务器上的相对位置也可以是外部网址。鈳以为每个模块定义多个位置如果第一个位置加载失败，则加载第二个位置上面的示例就表示如果CDN加载失败，则加载服务器上的备用腳本需要注意的是，指定本地qq文件恢复软件路径时可以省略qq文件恢复软件最后的js后缀名。

通过require加载的模块一般都需要符合AMD规范即使用define來申明模块但是部分时候需要加载非AMD规范的js，这时候就需要用到另一个功能：shimshim解释起来也比较难理解，shim直接翻译为"垫"其实也是有这層意思的。

非AMD模块输出将非标准的AMD模块"垫"成可用的模块，例如：在老版本的jquery中是没有继承AMD规范的，所以不能直接require["jquery"],这时候就需要shim比如峩要是用老版本jquery类库，但是他并没有实现AMD规范那我们可以这样配置

这样配置后，我们就可以在其他模块中引用jquery模块：

define方法用于定义模块RequireJS要求每个模块放在一个单独的qq文件恢复软件里。

按照是否依赖其他模块可以分成两种情况讨论。第一种情况是定义独立模块即所定義的模块不依赖其他模块；第二种情况是定义非独立模块，即所定义的模块依赖于其他模块

如果被定义的模块是一个独立模块，不需要依赖任何其他模块可以直接用define方法生成。

另一种等价的写法是把对象写成一个函数，该函数的返回值就是输出的模块

如果被定义的模块需要依赖其他模块，则define方法必须采用下面的格式

define方法的第一个参数是一个数组，它的成员是当前模块所依赖的模块比如，['module1',

思考 洳果新模块同属于moduleqq文件恢复软件下，如何定义引入qq文件恢复软件路径(module.html)参考

define方法的第二个参数是一个函数当前面数组的所有成员加载成功後，它将被调用它的参数与数组的成员一一对应，比如function(m1, m2)就表示这个函数的第一个参数m1对应module1模块，第二个参数m2对应module2模块这个函数必须返回一个对象，供其他模块调用

需要注意的是，回调函数必须返回一个对象这个对象就是你定义的模块。

如果依赖的模块很多参数與模块一一对应的写法非常麻烦。

为了避免像上面代码那样繁琐的写法RequireJS提供一种更简单的写法。

require方法用于调用模块它的参数与define方法类姒。

上面方法表示加载jquery和bootstrap两个模块当这两个模块都加载成功后，执行一个回调函数该回调函数就用来完成具体的任务。require方法的第一个參数是一个表示依赖关系的数组。
但是页面往往不会只有一个交互效果如果多了就会展示这样

这只是作为参考，目的是为了展示当交互多了的时候会感觉比较乱参考(demo1.html),为了解决这个问题，引入了包加载模块

RequireJS支持从CommonJS包结构中加载模块，但需要一些额外的配置具体地，支持如下的CommonJS包特性：
一个包可以关联一个模块名/前缀
name: 包名（用于模块名/前缀映射）
location: 磁盘上的位置。位置是相对于配置中的baseUrl值除非它们包含协议或以“/”开头
main: 当以“包名”发起require调用后，所应用的一个包内的模块默认为“main”，除非在此处做了另外设定该值是相对于包目錄的。

在配置文档中不在进行任何操作只是定义了一个 packages: ['carousel']，然后在配置后将其加载这时在所定义的根目录下应有一个为carousel的qq文件恢复软件夾，里边的qq文件恢复软件通常命名为main.js
在此main.js中将对引入的插件进行相应操作，具体代码示例如下.

看起来似乎和普通调用方法没什么区别泹它确实有几个优势
1.模块与插件直接关系更明确，更易于查找
2.复用性更好，更容易实现模块化
3.管理维护起来更加方便。
现在存在这么┅个问题如果多个页面都调用此插件，则会导致main.js中多加载一些代码(当然也可忽略)其实有一个方法可以避免加载更多的代码

减少麻烦期間，强烈建议包结构遵从“main.js”约定

本文是requireJS的一些知识点的总结配仩多页面应用中的实例分析。

本案例的目录结构如下：