浅谈require js

Posted 2020-10-12

　　最近在项目中用到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);
        }
    }
})

　　　　第二种方式：通过回调函数依赖

 

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. });    

　　　　这是常见的俩种处理依赖的方式，以后再补充其他的！