moudle.js使用
浏览数：48 /
时间：2015年06月09日
module.js类似于seaJs这些模块加载，不过很轻便。这里就是简单的介绍一下如何使用它。这里是git地址https://github.com/eccued/modulejs
假如在页面中使用module.js，首先我们先配置依赖，把需要的包引进来。
//包依赖配置
_moduleConfig = {
alias: {
‘zepto‘:‘libs/zepto.js‘,//需要用到的框架
‘cookie‘:‘js/cookie.js‘,//需要用到的基础方法函数
‘action‘:‘js/init.js‘//整个页面的启动js
}
}
然后在这个页面中引入改module的js。
<script type="text/javascript" src="libs/module.js" ></script>
<script>
modulejs([‘action‘], function() { //‘action‘就是上面配置的依赖的包
var A = require(‘action‘);
A.init();
});
</script>
然后再来看看init.js。
define("action", function (require, exports, module) {
var $ = require(‘zepto‘);//引入配置的包
var _cookie = require(‘cookie‘);//引入配置的包
var obj = {},that = obj;
obj.getData = function(){
//dosomething
}
obj.addEvent = function(){
//dosomething
}
// 对外暴露接口
exports.init = function(){
that.getData();//取数据
that.addEvent();//绑定事件
};
});
大概就是这样就实现了js代码分离了，这样一来就可以让你的js拆成模块化，粒子化，维护更方便，修改起来也方便。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
