首页 > 代码库 > moudle.js使用
moudle.js使用
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="http://www.mamicode.com/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拆成模块化，粒子化，维护更方便，修改起来也方便。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。