2.精通前端系列技术之JS模块化开发-深入学习seaJs（四）

最新推荐文章于 2024-07-08 12:24:36 发布

asd09288917

最新推荐文章于 2024-07-08 12:24:36 发布

阅读量77

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/kingCpp/p/4831008.html

版权

深入学习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之插件

深入学习seajs
插件

–text

–style

–combo

–flush

–debug

–log

–health

5.深入学习seajs之开发技巧

深入学习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>

转载于:https://www.cnblogs.com/kingCpp/p/4831008.html

asd09288917

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.精通前端系列技术之JS模块化开发-深入学习seaJs（四）

深入学习seajs配置信息alias : 别名配置paths : 路径配置vars : 变量配置map : 映射配置preload : 预加载项debug : 调试模式base : 基础路径charset : 文件编码深入学习seajsmoduleid : 模块唯一标识uri : 模块绝...
复制链接

扫一扫