码迷,mamicode.com
首页 > Web开发 > 详细

seajs使用方法

时间:2017-07-26 09:45:22      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:调用   map   jquer   版本   har   pre   uil   css   ati   

 

必须执行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使用方法

标签:调用   map   jquer   版本   har   pre   uil   css   ati   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!