YUI-Basic
Yahoo! User Interface Library(雅虎用户界面库),是一系列用javascript写的工具和控件,其目的是为了利用Dom, DHTML, Ajax以及其它技术来创建Rich Client Applications(富客户端应用). The YUI 还包含一些核心的css资源.所有在YUI中的组件都以BSD 许可证协议的方式开源,这也就是说,你可以将YUI用于商业或者非商业的所有用途.
YUI components fall into three groups:工具集, 界面控件, Css资源.
工具集:
YUI工具集能够简化基于浏览器的开发工作,通过跨浏览器的DOM脚本, 以及DHTML, AJAX特征,可以让你的web尽快建立起来.
1. 动画(Animation):通过调整页面元素的位置,大小,透明度等其它属性,可以创建"电影"效果.这种效果可以增强用户对页面将发生的改变的理解.
2. 连接管理(Connection Manager):该工具能管理XMLHttpRequest连接, 包括 表单提交, 错误处理, 回调. 连接管理同样支持文件上传.
3. Dom集合: Dom工具是一个包罗万象的对象,由很多通用的Dom-scripting tasks方法组成. 包括对元素位置, CSS样式的管理.
4. 拖拽(Drag & Drop): 创建能任意拖放的对象. 你只需要关心拖拽过程中的事件, 而工具会处理其它所有杂务, 让拖拽对象在所有支持的浏览器中都工作正常.
5. 事件(Event): 经过长期测试的管理器类能够帮助你简单处理浏览器事件,比如单击, 键盘按下等等. 同时, 该包还包括一个自定义事件对象, 通过该机制可以发布和订阅你浏览器中感兴趣的事件.
界面控件:
YUI界面控件提供很高交互性可视化的页面元素. 这些元素在客户端创建, 不需要页面刷新~.
1. 自动完成(AutoComplete):自动完成控件能够简化用户调用文本内容的交互. 该控件提供建议内容列表,以及type-aheard 功能.这些功能依赖于一系列通过XMLHttpRequest的不同的数据格式.
2. 日历(Calendar): 日历控件是一个图形化, 动态日期选择控件.
3. 容器(Container): 容器包含一些列DHTML 窗口模式, 包括 Tooltip, Panel, Dialog ,Simple Dialog. 而Module 和Overlay控件提供了实现定制窗口模式的平台.
4. 日志记录器(Logger): 日志记录器提供了在屏幕上简单快捷的日期记录功能, 同时有对Firefox的FireBug扩展 以及 Safari Javascript console. YUI 的控件都有Debug功能.
5. 菜单(Menu): 只需要几行代码就可以写出应用程序样式的飞出菜单(Application-style fly-out menus).
6. TabView: 没有特色~
7. TreeView: 常用的树,没有太多特色.
CSS资源:
1. CSS Grids: 该CSS 有3个预定义的页面宽度, 有7个核心的模版, 能够很容易地嵌套区域.通化市, 提供了将近200个预定义的输出样式和基于该样式的无限制的排列.
2. CSS Fonts: 跨浏览器的字体和大小.
3. CSS Reset: 在自定义的CSS头部加入该CSS, 能够去掉margin , 标准化跨浏览器的元素渲染, 禁止浏览器内置样式.