淺談require js

　　最近在項目中用到require js,不是很熟悉，因此上網找了一些資料，結合代碼學習了一下。其實，require js 仍是比較好理解的。require js的出現就是爲了管理js，固然它能夠處理js的依賴關係，同時達到異步加載，不會影響瀏覽器的渲染。那麼具體是如何進行管理js的依賴關係呢？以下：

　　第一種方式：經過shim配置依賴關係，好比下圖，sw依賴jquery.

require.config({
    baseUrl: "js", paths: { jquery: "jq/jquery",
        dr: "my/dr",
        sw: "my/sw"
    },
    shim: {
        "sw": {
            deps: ["jquery"],
            exports: "sw"
        }
    }
})

require(["dr", "sw"], function(dr, sw) {
    if (dr) {
        console.info("dr.js is ready!");
        console.log("dr.version: " + dr.version)
    }
    if (sw) {
        console.info("sw is ready!");
        if (sw.version) {
            console.log("sw depend on jquery successfully!");
            console.log("sw version: " + sw.version);
        }
    }
})

　　　　第二種方式：經過回調函數依賴

 

require(["jquery"], function(util) {

    require(["jquery.validate", "jquery.artDialog"], function(util) {

        require(["masterUI", "masterSite", "configuration"], function(util) {
            $(document).ready(function() {
        window.configuration.init();
            })
        });
    });
});

　　　　這是常見的倆種處理依賴的方式，之後再補充其餘的！