最近在项目中用到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);
}
}
})浏览器
第二种方式:经过回调函数依赖异步
这是常见的俩种处理依赖的方式,之后再补充其余的!函数