Lab.js初次使用笔记

<script type="text/javascript" src="example.js"></script>

/
@desc:动态添加script
@param src:加载的js文件的地址
@param callback:js文件加载完成之后需要调用的回调函数
@demo:
addDynamicStyle('http://webresource.c-ctrip./code/cquery/LABjs/LAB.js', function () {
    alert('携程服务器上的lab.js加载完成')
});
/
function addDynamicJS(src, callback) {
    var script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.src = src[i];
    script.charset = 'gb2312';
    document.body.appendChild(script);
    if (callback != undefined) {
        script.onload = function () {
            callback();
        }
    }
}

<script src="aaa.js"></script>
    <script src="bbb-a.js"></script>
    <script src="bbb-b.js"></script>
    <script type="text/javascript">
        initAaa();
        initBbb();
    </script>
    <script src="c.js"></script>
    <script type="text/javascript">
        initC();
    </script>

<!--先加载lab.js库-->
    <script src="http://webresource.c-ctrip./code/cquery/LABjs/LAB.js"></script>
    <script type="text/javascript">
        $LAB
        .script("aaa.js").wait()//不带参数的.wait()方法表示立即运行刚才加载的Javascript文件
        .script("bbb-a.js")
        .script("bbb-b.js")//依次加载aaa.js bbb-a.js bbb-b.js  然后执行initAaa initBbb
        .wait(function () {//带参数的.wait()方法也是立即运行刚才加载的Javascript文件，还运行参数中指定的函数。
            initAaa();
            initBbb();
        })
        .script("c.js")//再加载c.js 加载完成c.js之后执行initC方法
        .wait(function () {
            initC();
        });
    </script>

$LAB
.script("script1.js") // script1, script2, and script3 相互不依赖, 可以按照任意的顺序执行
.script("script2.js")
.script("script3.js")
.wait(function(){
    alert("Scripts 1-3 are loaded!");
})
.script("script4.js") //必须等待script1.js,script2.js,script3.js执行完毕之后才能执行
.wait(function(){script4Func();});

$LAB
.script("script.js")   
.script({ src: "script1.js", type: "text/javascript" })
.script(["script1.js", "script2.js", "script3.js"])
.script(function(){
    // assuming `_is_IE` defined by host page as true in IE and false in other browsers
    if (_is_IE) {
        return "ie.js"; // only if in IE, this script will be loaded
    }
    else {
        return null; // if not in IE, this script call will effectively be ignored
    }
})

<!--先加载携程的LAB库  lab.js在网上也可以下载-->
    <script type="text/javascript" src="http://webresource.c-ctrip./code/cquery/LABjs/LAB.js" charset="gb2312"></script>

    <script type="text/javascript">

        $LAB.setGlobalDefaults({ Debug: true }) //打开调试

        $LAB
            //第一个执行链
           .script('http://cdnjs.cloudflare./ajax/libs/jquery/2.1.0/jquery.min.js')
           .script('http://cdnjs.cloudflare./ajax/libs/lodash.js/2.4.1/lodash.min.js')

           //第二个执行链
           .wait(function () {
               //console.log(window.$)
               //console.log(window._)
           })

           //第三个执行链
           .script('http://cdnjs.cloudflare./ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js')
           .script('http://cdnjs.cloudflare./ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js')

           //第四个执行链
           .wait(function () {
               // console.log(plugin1Function)
               // console.log(plugin2Function)
           })

           //第五个执行链
           .script('js/aaa.js')
           .script('js/bbb.js')

           //第六个执行链
           .wait(function () {
               // console.log(module1Function)
               // console.log(module2Function)
           })
    </script>