require.js的用法

require.js的用法

不错的文章：

• Javascript模块化编程（三）：require.js的用法

官网介绍http://www.requirejs.cn/
视频教程RequireJs视频教程

require.js的诞生，就是为了解决这两个问题：

• 实现js文件的异步加载，避免网页失去响应
• 管理模块之间的依赖性，便于代码的编写和维护

以例子来说明
如下的项目结构：

在index.html中

<script data-main="../resource/main" src="../resource/require.js"></script>

<script>标签含有一个特殊的属性data-main，require.js使用它来启动脚本加载过程

main.js内容如下：

require.config({
    paths:{
        'jquery' : 'lib/jquery.min'
    }
})

paths属性指定各个模块的加载路径

要使用query时，例如改变body的背景颜色

<button onclick="test()">测试</button>
<script>
    function test(){
        require(['jquery'], function($){
            $('body').css('background-color', 'red')
        })
    }
</script>