0%
这是一片思考的空间 -- arthinking
Spring 重构&代码整洁之道 软件设计 JVM 并发编程 数据结构与算法 分布式 存储 网络 微服务 设计模式
Java技术栈 - 涉及Java技术体系

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

欢迎关注我的其它发布渠道