LABjs 是一个很小的 JavaScript 工具，用来根据需要加载 JavaScript 文件，通过使用该工具可以提升页面的性能，避免加载不需用到的 JavaScript 文件，可以实现动态并行加载脚本文件，以及管理加载脚本文件的执行顺序。
简单示例
$LAB .script("script1.js", "script2.js", "script3.js") .block(function(){ // wait for all to load, then do something script1Func(); script2Func(); script3Func(); });
介绍下LABJS的几个实例：
实例1：
$LAB .script("script1.js") .script("script2.js") .script("script3.js") .wait(function(){ // 等待所有script加载完再执行这个代码块 script1Func(); script2Func(); script3Func(); });
实例2：
$LAB .script({ src: "script1.js", type: "text/javascript" }) .script("script2.js") .script("script3.js") .wait(function(){ // 等待所有script加载完再执行这个代码块 script1Func(); script2Func(); script3Func(); });
实例3：
$LAB .script("script1.js", "script2.js", "script3.js") .wait(function(){ // 等待所有script加载完再执行这个代码块 script1Func(); script2Func(); script3Func(); });
实例4：
$LAB .script( [ "script1.js", "script2.js" ], "script3.js") .wait(function(){ // 等待所有script加载完再执行这个代码块 script1Func(); script2Func(); script3Func(); });
实例5：
$LAB .script("script1.js").wait() // 空的wait()只是确保script1在其他代码之前被执行 .script("script2.js") // script2 和 script3 依赖于 script1 .script("script3.js").wait() // 但是script2 和 script3 并不互相依赖,可以并行下载 .script("script4.js") // script4 依赖于 script1, script2 及 script3 .wait(function(){script4Func();});
实例6：
$LAB .script("script1.js") // script1, script2, and script3 之间没有依赖关系, .script("script2.js") // 所以可以任意顺序执行 .script("script3.js") .wait(function(){ // 如果需要,这里当然可以执行javascript函数 alert("Scripts 1-3 are loaded!"); }) .script("script4.js") // 依赖于 script1, script2 及 script3 .wait(function(){script4Func();});
实例7：
$LAB .setOptions({AlwaysPreserveOrder:true}) // 设置每个脚本之间等待 .script("script1.js") // script1, script2, script3, script4 互相依赖 .script("script2.js") // 并且并行下载后循序执行 .script("script3.js") .script("script4.js") .wait(function(){script4Func();});
实例8：
$LAB .script(function(){ // `_is_IE`的值ie为true ,非ie为false if (_is_IE) { return "ie.js"; // 如果是ie则这个js会被加载 } else { return null; //如果不是ie这个代码就会被略过 } }) .script("script1.js") .wait();
LABjs加载方式
LABjs里的动态加载脚本文件，是指页面的js脚本执行时，通过多种方法去加载外部的js（主要区别于html页面里，通过<script>标签静态加载的脚本）
动态加载脚本的方式有很多，优缺点不一，此处不赘述，有兴趣的童鞋可以参见本文末尾的参考链接 :）。
LABjs里主要使用了三种技巧，分别为Script Element、XHR Injection以及Cache Trick
首先对这三种加载方式进行简单介绍，第四部分再分析LABjs源码实现里面对着三种方式分别的使用场景
Script Element（LABjs默认采用加载方式）
最常见的脚本动态加载方式，优点很多，包括：1、实现简单 2、可跨域 3、不会阻塞其他资源的加载 等
Opera/Firefox（老版本）下：脚本执行的顺序与节点被插入页面的顺序一致
IE/Safari/Chrome下：执行顺序无法得到保证
注意：
新版本的Firefox下，脚本执行的顺序与插入页面的顺序不一定一致，但可通过将script标签的async属性设置为false来保证顺序执行
老版本的Chrome下，脚本执行的顺序与插入页面的顺序不一定一致，但可通过将script标签的async属性设置为false来保证顺序执行
XHR Injection
通过ajax请求加载脚本文件，然后再通过以下方式执行：
eval：常见方式
XHR injection：创建一个script元素，并将请加载的脚本文件的内容注入
主要限制：无法跨域
Cache Trick（强依赖于浏览器的特性实现，不推荐使用）
当你将script元素的type属性设置为浏览器不认识的值，比如”text/cache”、”text/casper”、”text/hellworld”等，不同浏览器的行为如下：
IE/Safari/Chrome(老版本)里：脚本照常加载，但不会执行，假设浏览器没有禁用缓存，加载后的脚本会被浏览器缓存起来，当需要用到 的时候，只需要重新创建个script标签，将type设为正确的值，src指向之前请求的文件url即可（相当于从缓存里读文件）
Opera/Firefox：不加载
备注：
强依赖于浏览器的特性实现，有可能随着浏览器特性实现的改变而失效，不推荐使用
新版本的chrome浏览器，将script元素的type设置为非”text/javascript”，不会再对脚本文件进行加载。
LABjs里关于脚本加载采用方案的判断