代码改变世界

require.js入门级使用

2013-01-14 17:56  king0222  阅读(301)  评论(0)  编辑  收藏  举报

require.js入门级使用

1.引用当然是需要的，所以贴上：<script data-main="main" src="require.js"></script>。

data-main的属性值表示一个程序的入口。类似app.js什么的。这里对应的就是当前目录下的main.js文件

2.main.js作为一个程序的入口，可以先进行一些简单配置：

 1 require.config({
 2 
 3 baseUrl:'js',
 4 
 5 paths:{
 6 
 7 　　'jquery':['jquery.1.8.3','xx/yy/zz']
 8 
 9 }
10 
11 shim:{
12 
13 　　'jquery-plugin':['jquery']
14 
15 }
16 
17 })

以上这些是常用配置，baseUrl表示基本路径，很容易明白的了。

paths参数中的jquery后面的值为一个数组，表示当第一个加载不到的情况下会往下寻找另一个资源。如果只加载本地资源的话就没必要用数组形式了。

shim参数表示依赖项。比如说一个项目中要用到某个jquery插件，他的依赖项就是jquery库。

用require.js如何定义模块呢，先贴上代码：

1 define(['requireModel'],function(){
2     /*这里省略一万字*/
3     
4     return {/*这里是要返回的模型内容，可为对象，可为函数*/}
5 });

如果上面的代码是在models.js这个文件中的，那么这个模块的名字就是models.在应用的时候就是这样：

require('models',function(M){
    //TODO
});　

要注意的一点是回调函数中的参数是对应模块名的。如果引入了三个模块，那么回调函数中应该有三个参数，并且这三个参数跟引入的三个模块一一对应。

内容参考http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html.里面很详尽的介绍了require.js的使用