标签:style blog http color java 使用 os io
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拆成模块化,粒子化,维护更方便,修改起来也方便。
标签:style blog http color java 使用 os io
原文地址:http://www.cnblogs.com/violinxliu/p/3898142.html