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

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

时间:2015-09-23 01:00:40      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

标签:

原文地址:http://www.cnblogs.com/kingCpp/p/4831008.html

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