RequireJs 入门

官网：http://www.requirejs.cn/

使用方法：

1、引入require.js

可以在底部引入：

<script type="text/javascript" src="js/require.js" data-main="js/main" ></script>

或者放在head中

<script type="text/javascript" src="js/require.js" defer="true" async="true" data-main="js/main" ></script>

async属性表明这个文件需要异步加载，避免网页失去响应。IE不支持这个属性，只支持defer，所以把defer也写上，这个对于提高网页载入速度是挺明显的。

data-main属性的作用是，指定网页程序的主模块，即整个网页的入口代码，这里假设我的主模块main.js 

2、定义一个模块(每个Javascript文件应该只定义一个模块)：

//demo.js

define(function(){
    var demo={};
    demo={
        add:function(){
            console.log('add tinyphp');
        },
        init:function(){
            console.log('init tinyphp');
        }
    }
    return demo;
});

 

3、主模块调用其他模块

先看下require函数的定义，第一个参数是数组，第二个是回调函数

//main.js
require(['demo'],function(demo){
    console.log(demo.add());
})

 

>>下载例子