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

moudle.js使用

时间:2014-08-07 22:45:05      阅读:386      评论:0      收藏:0      [点我收藏+]

标签: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拆成模块化,粒子化,维护更方便,修改起来也方便。

moudle.js使用,布布扣,bubuko.com

moudle.js使用

标签:style   blog   http   color   java   使用   os   io   

原文地址:http://www.cnblogs.com/violinxliu/p/3898142.html

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