在YUI中通过YUI.add()添加自定义模块
本文由发表于6年前 | Javascript | 暂无评论 |  被围观 5,361 views+
1、 编写自定义模块:2、 使用自定义模块

为了快速测试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"
    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'));
});
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/the-yui-by-yui-add-to-add-a-custom-module.html
关键字: ,
arthinking Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2012 1/10
文章评论
    没有评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 org.hibernate.id.IdentifierGenerationException错误解决方法 2011/10/2
2 Javascript笔记 – Javascript中的JSON和对象 2012/5/22
3 Android中的常用控件及其基本用法 2011/7/12
4 Chrome插件开发实例 – 开关灯(browser action) 2013/6/5
5 纯Javascript打造的红色玫瑰花 1k Rose 2012/2/13
6 Java中内存泄露的分析 2014/11/10
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.