2.精通前端系列技術之JS模塊化開發-深刻學習seaJs（四）

時間 2019-12-10

標籤精通前端系列技術模塊化開發深刻學習 seajs 欄目 JavaScript 简体版

原文原文鏈接

深刻學習seajs
配置信息
alias  :  別名配置
paths  :  路徑配置
vars  :  變量配置
map  :  映射配置
preload  :  預加載項
debug  :  調試模式
base :  基礎路徑
charset  :  文件編碼

深刻學習seajs
module
id  :  模塊惟一標識
uri  :  模塊絕對路徑
dependencies  :  當前模塊依賴
exports  :  當前模塊對外接口

require.async
異步加載模塊

// JavaScript Document

//var a = 100;

define(function(require,exports,module){
    
    //alert( module.exports == exports );
    
    /*require.async('.js/module2.js',function(){
        alert('模塊加載完的回調');
    });*/
    
    var a = 100;
    
    module.exports = {
        a : a
    };
    
});

4.深刻學習seajs之插件html

深刻學習seajs
插件

–text

–style

–combo

–flush

–debug

–log

–health

5.深刻學習seajs之開發技巧node

深刻學習seajs
技巧
use如何引入多模塊
Sea.js加ID有利提取
如何改造文件爲CMD模塊
調試接口cache

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script src="sea/sea.js" id="seajsnode"></script>
<script>


/*seajs.use('./js/module1.js',function(ex){
    ex.show();
});

seajs.use('./js/module2.js',function(ex){
    ex.show();
});*/

seajs.use(['./js/module1.js','./js/module2.js'],function(ex,ex2){
    ex.show();
    ex2.show();
});

</script>
</head>

<body>
</body>
</html>

相關標籤/搜索