首页 > Web开发 > 详细

seajs使用方法

时间:2017-07-26 09:17:12      阅读:303      评论:0      收藏:0      [点我收藏+]

 

必须执行seajs.use()时,才能自动执行预加载项

 <script src="/UILib/sea.js"></script>
        <script src="/UILib/seajs-preload.js"></script>
        <%--<script src="/UILib/seajs-css.js"></script>--%>
         
        <script type="text/javascript">
            (function () {
                var modConfig = {
                    "AppVer": "1.1.5", //应用版本
                    "base": "/UILib/", //Sea.js 的基础路径
                    "alias": {
                        "jquery": "/UILib/EasyUI/jquery.min",// 别名配置  可以让文件的真实路径与调用标识分开,有利于统一维护。
                        "EasyUI": EasyUI/jquery.easyui.min,
                        "EasyUI-lang": EasyUI/locale/easyui-lang-zh_CN,
                        "Wdate": WdatePicker/WdatePicker,
                        "artDialog": artDialog/artDialog.source,
                        "iframeTools": artDialog/iframeTools.source,
                        "jqGrid-lang": /Scripts/jqGrid/js/i18n/grid.locale-en,
                        "jqGrid": /Scripts/jqGrid/js/jquery.jqGrid.min,
                        seajs-css:seajs-css
                    },
                    "debug": false    // 是否启用调试模式
                };

                var mapVer = function (str) {
                    str = str + "?v=" + modConfig.AppVer;
                    return str;
                };

                seajs.config({
                    base: modConfig.base,
                    alias: modConfig.alias,
                    preload: [  // 预加载项
                        "seajs-css", "jquery", "Wdate", "artDialog", "EasyUI",
                    ],
                    debug: modConfig.debug || 0,
                    map: [[/.*\.js$/, mapVer]],  // 映射配置
                    charset: UTF-8  //// 文件编码
                });
                
                // 加载入口模块 
                seajs.use([ "EasyUI-lang","iframeTools", "jqGrid-lang", "jqGrid", /Scripts/Common/Utils.js], function () {
                    seajs.use([]);
                    //seajs.use(["iframeTools"]);
                    var bootstrap = [/Scripts/jqGrid/css/jquery-ui.css, /Scripts/jqGrid/css/ui.jqgrid.css, /RMCS/Script/YCGK/OperationLog.js];

                    seajs.use(bootstrap, function () {
                        //do something
                    });
                });
                //seajs.use("main1"); 
            })();
</script>

此框架与requirejs类似,主要是模式不同,Seajs为CMD懒加载模式,requirejs为AMD异步加载。

简易说明文档

seajs使用方法

原文:http://www.cnblogs.com/elves/p/7237712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!