seajs使用方法

標籤：調用   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使用方法