在YUI中通过YUI.add()添加自定义模块

为了快速测试YUI，我们可以在页面中引入：

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>

详细的基本使用参考这里：YUI介绍以及快速入门 Yahoo的JS框架

1、 编写自定义模块：

接下来就可以在Javascript代码中通过YUI.add添加自定义模块了：

/************************
 在YUI中添加自定义模块
 ***********************/
//声明一个命名空间
YUI.namespace('itzhai');
//通过Y.add添加模块
YUI.add('myModule',function(Y){
    function arthinking(config){
        arthinking.superclass.constructor.apply(this,arguments);
    }
    arthinking.NAME = 'arthinking';
    arthinking.ATTRS = {
        attributes:{value:'itzhai'}
    };
    //通过Y.extend的方式来定义新的功能
    Y.extend(arthinking,Y.Base, {
        initializer: function(cfg){},
        destructor: function(cfg){}
    });
    //把构造函数赋给命名空间"itzhai"
   >

2、 使用自定义模块

通过YUI().use()使用自定义模块：

/****************
 使用该模块
 ****************/
YUI({charset:'utf-8', modules:{
    'myModule': {
        fullpath: 'script/itzhai/myModule.js',
        type: 'js',
        requires: ['base']
    }
}}).use('myModule', function(Y){
    var web = new itzhai({});
    document.write(web.get('attributes'));
});