浅谈require js

  最近在项目中用到require js,不是很熟悉,因此上网找了一些资料,结合代码学习了一下。其实,require js 仍是比较好理解的。require js的出现就是为了管理js,固然它能够处理js的依赖关系,同时达到异步加载,不会影响浏览器的渲染。那么具体是如何进行管理js的依赖关系呢?以下:jquery

  第一种方式:经过shim配置依赖关系,好比下图,sw依赖jquery.web

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);
        }
    }
})
浏览器

    第二种方式:经过回调函数依赖异步

 

  1. require(["jquery"], function(util) {    
  2.     
  3.     require(["jquery.validate", "jquery.artDialog"], function(util) {    
  4.     
  5.         require(["masterUI", "masterSite", "configuration"], function(util) {                                                                                                                                  
  6.             $(document).ready(function() {    
  7.         window.configuration.init();    
  8.             })    
  9.         });    
  10.     });    
  11. });    

    这是常见的俩种处理依赖的方式,之后再补充其余的!函数