8.3-8.7(2)

AMD/RequireJS

AMD(异步模块定义)，RequireJS遵循的AMD规范，主要为前端JS的表现制定规范。预加载

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

student.js

define(["jquery","bootstrap"],function($){
    console.log("加载student模块");

    function showAll(){
        console.log("执行showAll");
        $("#myModal").modal();
    }
    function add(){

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

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

        console.log("执行del");
    }
    return {
        "showAll":showAll,
        "add":add,
        "update":update,
        "del":del
    }
});

main.js

//main.js

//主入口配置
require.config({
    paths:{
        student:"student",
        jquery:"jquery-1.9.1.min",
        bootstrap:"bootstrap.min"
    }
});
//主入口方法
require(["student","jquery"],function(stu,$){
//    alert($("h1").html());
    $("input:button:eq(0)").click(stu.showAll);
    $("input:button:eq(1)").click(stu.add)
    $("input:button:eq(2)").click(stu.update)
    $("input:button:eq(3)").click(stu.del)


});