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的基本架构,还可以通过阅读源码来学习和掌握JavaScript的最佳实践,提升自身的前端开发能力。无论是初学者还是经验丰富的开发者,都能从中受益匪浅。...
首先,我们需要了解RGB和YUV的基本概念。RGB(Red, Green, Blue)是一种加性色彩模型,它基于三种原色——红、绿、蓝,通过不同比例的混合来创建各种颜色。在计算机图形和显示器中,RGB是最常见的颜色表示方法,因为...
1. **YUI库**:了解YUI的基本结构、模块化设计和如何引入到项目中,是使用YUI表单验证器的前提。 2. **表单验证**:表单验证的常见规则包括非空检查、长度限制、格式验证(如邮箱、电话号码等)和自定义验证函数。 3...
四、界面设计与资源优化 YUI强调用户体验,其界面设计组件不仅美观,而且易于定制。同时,YUI提供了压缩和合并工具,能够将多个JavaScript和CSS文件压缩成一个,减少HTTP请求,从而提升页面加载速度。此外,YUI的...
《深入理解YUI:基于“yui.rar 例子”的解析》 YUI,全称Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、易于维护的网页应用。本篇文章将结合“yui.rar 例子”...
`env`模块则包含环境信息和YUI组件的详细信息,这对于了解YUI运行环境和组件状态非常有帮助。`YUI_config.listener`允许定义自定义回调函数,当有新的YUI组件被加载时,该函数会被调用。 YUI的DOM操作是其强大之处...
**YUI 2.7:一个全面的JavaScript和CSS框架** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源的JavaScript和CSS库,它为构建高...无论你是新手还是经验丰富的开发者,YUI 2.7都值得你深入了解和使用。
yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...
学习YUI,首先需要掌握JavaScript基础知识,然后通过官方文档了解YUI的模块化结构和API。官方文档详细且全面,包含了大量的示例代码,便于开发者快速上手。同时,社区资源丰富,有许多优秀的教程和示例项目可供参考...
首先,让我们了解什么是yuicompressor。yuicompressor是由Yahoo!公司开发的一款开源的JavaScript和CSS压缩工具,它能够去除代码中的空格、注释,并进行变量名混淆,从而极大地减小文件大小,提高页面加载速度。2.4.8...
四、性能优化与兼容性 YUI 2.6.0r2版本在性能优化上下足了功夫,通过精简代码、减少DOM操作和优化事件处理等方式,提升了库的运行效率。此外,YUI一直致力于跨浏览器的兼容性,确保在多种主流浏览器上都能良好运行...
YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的...通过下载并研究这个版本,你可以深入了解YUI的工作原理和最佳实践,从而更好地应用于实际项目中。
- **YUI提供的javascript的文件引入**:了解如何正确引入YUI库及各个模块。 - **关于引入的版本**:选择合适的YUI版本以兼容不同的浏览器和特性。 - **关于引入的顺序**:确保按正确的顺序加载YUI组件,以避免...
对于初次使用者来说,这份文档是了解和上手YUI打包工具的重要参考资料。 yuicompressor-2.4.7.jar 和 yuicompressor-2.4.2.jar 是两个不同版本的YUI压缩器核心文件,分别代表了YUI压缩器的2.4.7版和2.4.2版。开发者...
通过查看提供的demo,开发者可以直观地了解如何在实际项目中应用YUI的Ajax功能,比如动态加载内容、无刷新更新页面等。 总之,YUI的Ajax框架为开发者提供了强大的工具,使他们能够轻松地构建动态、交互性强的Web...
YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的Web应用程序。YUI3.6版本是该库的一个重要里程碑,提供了丰富的组件和工具,以支持现代Web开发的...
- **releasenotes**:发布说明文件,详细列出了3.10.3版本相对于上一版本的改进、新增功能和已知问题,是了解新版本变化的关键。 - **build**:构建目录,可能包含了构建工具和配置,帮助开发者自定义和打包YUI ...
混淆有助于防止恶意用户通过阅读源代码了解程序内部细节,同时也能降低源代码被抄袭的可能性。 使用YUI Compressor非常简单。首先,你需要下载yuicompressor-2.4.2这个压缩包,解压后,你可以找到yuicompressor.jar...
通过学习和实践这些示例,开发者可以深入了解YUI的功能和用法,提高自己的前端开发技能。 总结来说,YUI是一个强大的JavaScript库,它的强大功能和丰富的组件为开发者带来了极大的便利。通过研究YUI的源码和示例,...
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, ...