`
happycute
  • 浏览: 4536 次
  • 性别: 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 详细说明文档

    - **YUI提供的javascript的文件引入**:了解如何正确引入YUI库及各个模块。 - **关于引入的版本**:选择合适的YUI版本以兼容不同的浏览器和特性。 - **关于引入的顺序**:确保按正确的顺序加载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开发的...

    yui3.10.3最新版

    - **releasenotes**:发布说明文件,详细列出了3.10.3版本相对于上一版本的改进、新增功能和已知问题,是了解新版本变化的关键。 - **build**:构建目录,可能包含了构建工具和配置,帮助开发者自定义和打包YUI ...

    yui压缩

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

    YUI.rar_html_javascript YUI_yui_yui javascript

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

    YUI类库2.9.0下载download

    YUI 2 is a JavaScript and CSS library with more than 30 unique components including low-level DOM utilities and high-level user-interface widgets. Currently at version 2.9.0, YUI 2 is robust, proven, ...

Global site tag (gtag.js) - Google Analytics