jstAPI.core组件懒加载-优快云博客

jstAPI.core是依赖核心模块. 引入方式:

<script src="../src/jquery-x.xx.x.js"></script>
<script src="../src/core.js" data-core="jsAPI" data-preload></script>

`<script>`选项

data-score, 当前版本必须指定为jstAPI
data-preload, 预加载无依赖组件. 例如:ajax,ognl,valid等

如何使用

jstAPI.core[componentName].lazy(callback args, ...);

componentName: 组件名, 例如: ajax/Form/model等
callback: 回调函数, 参数:组件或组件构造器
args: 可选参数, lazy从第二个参数(包含)开始后面的所有参数. 如果组件是一个函数则调用该函数且参数为args

// 工具组件示例
jstAPI.core.ajax.lazy(function (com) {
    console.log(this === com); // true
}[, arguments]);

// 示例组件示例
jstAPI.core.Form.lazy(function (ComConstructor) {
    var form = this; // jstAPI.Form 实例
    // 或重新构造
    var form = new ComConstructor(document.getElementById("form"));
}, document.getElementById("form"));