在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'));
});