zoukankan      html  css  js  c++  java
  • 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="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拆成模块化,粒子化,维护更方便,修改起来也方便。

  • 相关阅读:
    C#double类型转换string类型
    数据分析测试
    第三周进度
    质量属性战术——可用性战术
    开学第二周进度报告
    开学第一周进度报告
    质量属性的六个常见属性场景
    架构漫谈有感03
    架构漫谈有感02
    读架构漫谈有感--软件架构师如何工作
  • 原文地址:https://www.cnblogs.com/violinxliu/p/3898142.html
Copyright © 2011-2022 走看看