`
happycute
  • 浏览: 4355 次
  • 性别: Icon_minigender_2
  • 来自: 宁波
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

了解YUI【四】(转)

    博客分类:
  • YUI
阅读更多

 

YUI之Base基类

    Base是一个基础类,通过继承Base可以以一种统一的方式创建自己的具有新的属性、并可作为事件目的(Event target)的类。


1. 要使用Base,首先要引入YUI3的种子文件:


   然后加载相应模块: 

 

2. 继承Base

以下是继承Base的示例代码: 


3. NAME属性

NAME属性是用来标识类的字符串,Base会自动将NAME作为该类激发事件名称的前缀,和定义事件监听器时事件名称的前缀。

在指定NAME MyClass.NAME = "myClass"; 的情况下:   


4. ATTRS属性

可以用关联矩阵(associative array)的方式定义类的属性,以下是定义类Drag的属性的代码片段,关于属性的配置可参见下一篇文章(关于attribute的) 


5.初始化函数和析构函数

Base在初始化时会自动调用各级类的initializer函数,在析构时会自动调用destructor函数,所以有初始或者析构处理只需定义相应的方法就可以了,不用显式调用父类的方法,以下是一个例子: 


6. Plugins

Plugins机制可以用来在类的实例(而不是类本身)上动态添加特性。Base的plug(pluginClass, pluginConfig)方法用于添加,其命名空间是pluginClass的NS属性。Base的unplug(pluginClass) 和 unplug(namespace)方法用于移除关于Plugin类的开发请参见相关文档。


7. 扩展

Base的build方法可以用来把一个主类与多个扩充类合并为一个新类,以下是示例代码,其中Panel、Resizable、Modal是之前定义好的类。 

 

转自:http://blog.sina.com.cn/s/blog_632d19d50100rzuz.html

分享到:
评论

相关推荐

    yui3-master.zip

    通过“yui3-master.zip”这个压缩包,开发者不仅可以了解到YUI3的基本架构,还可以通过阅读源码来学习和掌握JavaScript的最佳实践,提升自身的前端开发能力。无论是初学者还是经验丰富的开发者,都能从中受益匪浅。...

    rgb彩色空间到yui彩色空间转换系统

    首先,我们需要了解RGB和YUV的基本概念。RGB(Red, Green, Blue)是一种加性色彩模型,它基于三种原色——红、绿、蓝,通过不同比例的混合来创建各种颜色。在计算机图形和显示器中,RGB是最常见的颜色表示方法,因为...

    【YUI组件】基于YUI的表单验证器

    1. **YUI库**:了解YUI的基本结构、模块化设计和如何引入到项目中,是使用YUI表单验证器的前提。 2. **表单验证**:表单验证的常见规则包括非空检查、长度限制、格式验证(如邮箱、电话号码等)和自定义验证函数。 3...

    yui 资源包

    四、界面设计与资源优化 YUI强调用户体验,其界面设计组件不仅美观,而且易于定制。同时,YUI提供了压缩和合并工具,能够将多个JavaScript和CSS文件压缩成一个,减少HTTP请求,从而提升页面加载速度。此外,YUI的...

    yui.rar 例子

    《深入理解YUI:基于“yui.rar 例子”的解析》 YUI,全称Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、易于维护的网页应用。本篇文章将结合“yui.rar 例子”...

    《YUI使用文档》汉语版的yui学习材料

    `env`模块则包含环境信息和YUI组件的详细信息,这对于了解YUI运行环境和组件状态非常有帮助。`YUI_config.listener`允许定义自定义回调函数,当有新的YUI组件被加载时,该函数会被调用。 YUI的DOM操作是其强大之处...

    YAHOO yui2.7 文档+ 代码+例子

    **YUI 2.7:一个全面的JavaScript和CSS框架** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源的JavaScript和CSS库,它为构建高...无论你是新手还是经验丰富的开发者,YUI 2.7都值得你深入了解和使用。

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    yui_3.8.1.zip

    学习YUI,首先需要掌握JavaScript基础知识,然后通过官方文档了解YUI的模块化结构和API。官方文档详细且全面,包含了大量的示例代码,便于开发者快速上手。同时,社区资源丰富,有许多优秀的教程和示例项目可供参考...

    yuicompressor-2.4.8.jar

    首先,让我们了解什么是yuicompressor。yuicompressor是由Yahoo!公司开发的一款开源的JavaScript和CSS压缩工具,它能够去除代码中的空格、注释,并进行变量名混淆,从而极大地减小文件大小,提高页面加载速度。2.4.8...

    yui_2.6.0r2

    四、性能优化与兼容性 YUI 2.6.0r2版本在性能优化上下足了功夫,通过精简代码、减少DOM操作和优化事件处理等方式,提升了库的运行效率。此外,YUI一直致力于跨浏览器的兼容性,确保在多种主流浏览器上都能良好运行...

    YUI3.7.3 最新版本 带API

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的...通过下载并研究这个版本,你可以深入了解YUI的工作原理和最佳实践,从而更好地应用于实际项目中。

    YUI JS CSS 打包工具

    对于初次使用者来说,这份文档是了解和上手YUI打包工具的重要参考资料。 yuicompressor-2.4.7.jar 和 yuicompressor-2.4.2.jar 是两个不同版本的YUI压缩器核心文件,分别代表了YUI压缩器的2.4.7版和2.4.2版。开发者...

    YUI-ajax框架开发文档

    通过查看提供的demo,开发者可以直观地了解如何在实际项目中应用YUI的Ajax功能,比如动态加载内容、无刷新更新页面等。 总之,YUI的Ajax框架为开发者提供了强大的工具,使他们能够轻松地构建动态、交互性强的Web...

    YUI3.6文档及示例

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的Web应用程序。YUI3.6版本是该库的一个重要里程碑,提供了丰富的组件和工具,以支持现代Web开发的...

    yui压缩

    混淆有助于防止恶意用户通过阅读源代码了解程序内部细节,同时也能降低源代码被抄袭的可能性。 使用YUI Compressor非常简单。首先,你需要下载yuicompressor-2.4.2这个压缩包,解压后,你可以找到yuicompressor.jar...

    YUI.rar_html_javascript YUI_yui_yui javascript

    通过学习和实践这些示例,开发者可以深入了解YUI的功能和用法,提高自己的前端开发技能。 总结来说,YUI是一个强大的JavaScript库,它的强大功能和丰富的组件为开发者带来了极大的便利。通过研究YUI的源码和示例,...

    yuitest YUI测试工具

    YUI Test is a complete testing framework for JavaScript and Web applications. You can use the simple JavaScript syntax to write unit tests that can be run in web browsers or on the command line, as ...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...

    YUI-EXT使用详解

    **YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...

Global site tag (gtag.js) - Google Analytics