8.3-8.7

seaJS/CMD

 

CMD是seaJS提出的，屬於Modules/1.1.1規範的一種實現。基本在國內出現。延遲加載

main.js

//main.js

define(function(require,exports,module){
    var stu = require("student");
    stu.showAll();
    stu.add();
    stu.update();
    stu.del();

    var $ = require("jquery");
    $("input:button:eq(0)").click(stu.showAll);
    console.log($("h1"));

});

　student.js

//student.js

define(function(require,exports,module){
    console.log("加載student模塊");

    var $ = require("jquery");
    require("bootstrap")($);
    function showAll(){
        console.log("執行showAll");
        $("#myModal").modal();
    }
    function add(){

        console.log("執行add");
    }
    function update(){

        console.log("執行update");
    }
    function del(){

        console.log("執行del");
    }
//    exports.showAll = showAll;
//    exports.add = add;
//    exports.update = update;
//    exports.del = del;

    module.exports = {
        "showAll":showAll,
        "add":add,
        "update":update,
        "del":del
    }
//    return {
//        "showAll":showAll,
//        "add":add,
//        "update":update,
//        "del":del
//    }
});

seajs的配置，引入js需去掉'.js'後綴

 //seajs的配置
    seajs.config({
        base:"../test_seajs",
        alias:{
            main:"js/main",
            student:"js/student",
            jquery:"js/jquery-1.9.1.min",
            bootstrap:"js/bootstrap.min"
        }
    });
    //加載主模塊
    seajs.use("main");