Yahoo!前端开发库:YUI 3.7.0正式版发布

chenhaotao 2012-09-19

Yahoo! UI Library (YUI) 是一个开放源代码的JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多CSS资源。

YUI 包含完整的说明文件。它包含了两种元件: 工具与控件[2],和一些 CSS 资源。

工具

动画:协助达成位置移动、大小改变、透明度和其他的网页效果。

浏览器历史纪录管理工具:协助网页程式使用浏览器之上一页与书签(我的最爱)工具。

连线工具:协助管理跨浏览器的 XMLHttpRequest 功能。他也整合了表单传送、错误处理、 callback和档案上传。

资料源:提供通用可配置接口给其他组件与种种资料,如从简单的JavaScript阵列到线上服务器,间透过XHR来互动。

元素:为DOM里的HTMLElements提供包装样式,从而简化一般工作如加入监听者(listener)、对DOM操作、以及存取属性。

DOM:为一般的 DOM脚本作业提供帮助,它包括元素定位与CSS样式管理。

即拖即放:为即拖即放的开发(建立与管理可在网页上拖放的物件)提供帮助。

事件:提供开发者对浏览器事件,如鼠标点击与键盘按键,的简易、安全之存取。它也提供自订事件物件以应付用户出版与订阅自订事件的需求。

控件

自动完成:为用户文字输入的互动提供 自动完成功能 (建议列表与随打击找的功能)。它支援广泛的资料源格式。它也透过XMLHttpReqeust支援服务器端资料源。

按钮:让用户制作功能像传统HTML表单按钮般多样、图形化的按钮。

月历:图形式、动态的控制,用于日期选择。

容器:支援大量的DHTML视窗规范包括 提示框(Tooltip)、面板、对话框、简易对话框、模组与覆盖层(Overlay)。

资料表:简单且强大的应用程式接口用来显示网页上屏幕阅读器可存取的表资料。值得关注的功能包括可排序的栏、分页、卷轴、行选取、可放大缩小的栏、以及线上编辑。

纪录器:提供一种快速简单的方式来写入 日志讯息到Mozilla Firefox的Firebug扩充插件画面终端、或者Safari JavaScript终端。

表单:提供简易产生鼠标移过弹出 选单的方式。

滑块:提供一般性滑块组件让用户可在有限范围内以单轴或者双轴选择值。

分页检视:提供以分页方式来检视内容。

树状检视:产生目录树,其下节点可以缩放。

CSS 资源

CSS页面网格: 七种基本线框外带附加组件,支援超过1000种不同网页布局。

标准CSS字型集: 标准化跨浏览器字型家族与尺寸设定。

标准CSS重设: CSS宣告,用于移除页边空白并标准化跨浏览器对显示一般元素的问题。

YUI 3.7.0 正式版发布了,可通过 CDN 或 download 获取,文档也做了更新。接下来的新版本发布将更加频繁。

YUI 3.7.0 值得关注的改进有:

事件方面显著的性能提升(达三倍之多),详情请看 blog post.

ScrollView 进行了重构,包含新特性如 Forced-Axis, Dual-Axis, 以及支持 Right-To-Left,详情release notes.

App Framework 提供附加特性,包括服务器端视图渲染以及 Route 中间件 Router.

使用 Shifter 和 UglifyJS 进行构建优化(all rigorously tested via Yeti).

Graphics 和 Charts 改进,包括缩放支持等

手势 event-flick and event-move 可使用 MSPointer 事件

Michael Matuzak‘s gallery-tap 模块集成进 YUI 核心模块中

Ryan Grove‘s node-scroll-info plugin 提供了滚动相关的事件和方法

废弃 DataType.Date.Locale. DataType.Date, DataType.Number and DataType.XML 改名为Y.Date, Y.Number and Y.XML, 报名 DataType.* 别名用于向后兼容

相关推荐