《requireJS》学习笔记一

【require基本介绍】RequireJS是James Burke设计的一个依赖管理工具，它可以帮助你管理脚本模块并以正确的次序加载脚本，不需要改变标记即可以通过RequireJS优化工具轻松组合后续 的脚本。它提供一种简单的方式在页面加载完成后载入脚本，随着时间的推移可以有效扩充脚本文件的尺寸。

        RequireJS的模块系统可以帮助你定义作用域良好的模块，即使你却不关注这套系统也能获得依赖管理和构建时优化的好处。如果你开始创 建模块化的代码并在少数场合重用它们，久而久之，RequireJS的模块格式会使编写联机加载的封装代码十分简单。特别是你想使用国际化字符串，让你的 项目针对不同语言进行本地化，或者加载HTML字符串并确保在执行代码前这些字符串确实有效，或者只是把JSONP服务当作依赖关系来使 用，RequireJS都是你的得力伙伴。

出自这，请狠狠点击 

我总结下，requireJS作用是：提供一种统一的机制加载前端js代码的各个模块代码，规范化前端代码的各个模块使其更容易维护管理。

 【require基本使用方法】

require(["jquery.alpha", "jquery.beta"], function() {
    //jquery.alpha.js和jquery.beta.js插件已经加载。
    $(function() {
        $('body').alpha().beta();
    });
});

第一个参数为要加载的JS，第二个参数是加载完JS后的回调参数

【模块定义】

define("my/shirt",
    ["my/cart", "my/inventory"],
    function(cart, inventory) {
        //返回一个对象以便定义"my/shirt"模块。
        return {
            color: "blue",
            size: "large",
            addToCart: function() {
                inventory.decrement(this);
                cart.add(this);
            }
        };
    }
); 

 上面的JS保存为shirt.js，如下图

 

 在demo1.html中，运行代码如下：

    require(["my/shirt"], function(shirt){
        console.log(shirt);
    }); 

 加载完shirt.js之后，要自动加载cart.js,inventory.js

 

【总结】怎么样，用起来是不是很简单啊，呵呵，这是基本的，接下来将要更深入点。