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

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

详细的基本使用参考这里: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”
itzhai = arthinking;
});

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’));
});

arthinking wechat
欢迎关注itzhai公众号