JavaScript 框架比较(8)

图 1. jQuery UI Datepicker Widget

YUI

Prototype 和 jQuery 不包含开箱即用的 UI 小部件，但是 Yahoo! User Interface 库 (YUI) 包含一个 bucketload。除了支持拖放和调整大小外，YUI 第二版还包含 autocompleters、calendar 控件、carousel 组件、绘图、对话框、进度条、富文本编辑器（所见即所得文本区）、滑块、选项卡、树等等。在撰写本文时，上述小部件都没有包含在 YUI 第三版中。图 2 是结合使用这些组件的一个例子。

图 2. 复杂的 YUI 应用程序示例

ExtJS

和 YUI 一样，ExtJS 包含大量开箱即用的组件，其中有很多功能强大的网格控件，支持内联编辑、分页、筛选、分组、汇总、缓冲和数据绑定。ExtJS 组件具有非常专业的外观，并且分门别类。其他小部件包括选项卡、图表、窗口（对话框）、树、布局管理器、增强的表单控件、工具栏和菜单、拖放操作和直接远程功能（direct remoting）。这仅仅是 ExtJS 所提供的一小部分，如果要查找更多 RIA 组件，请登录 ExtJS 网站。图 3 是用 ExtJS 开发的 Web 桌面程序示例，展示了这个库的丰富特性。

图 3. ExtJS 桌面应用程序示例

MooTools

MooTools 和 Prototype、jQuery 一样，也不包含开箱即用的 UI 控件和小部件。与 jQuery 一样，它包含一组有限的效果。其更高级的 UX 增强包含在 MooTools.More.js 扩展中。这个扩展不仅仅是简单的 UX/UI 插件，而是包含对 Array、Date、Hash 和 String 类以及额外的 Element 扩展的一些有趣的附加功能。至于 UX 增强功能，MooTools.More.js 包含拖放支持以及一些其他效果。这些附加功能还包括一些 UI 控件，如 accordion、可排序的 HTML 表、scroller、工具提示和 Ajax spinner overlays。然而，与 script.aculo.us 一样，您需要自己设计这些控件。

回页首

Framework 比较

表 1 是本文介绍的五个框架所含特性的详细比较。

表 1. 框架特性比较 Prototype jQuery YUI ExtJS MooTools
最新版本 1.6.1 1.3.2 3.00 3.1 1.2.4
许可证 MIT MIT & GPL BSD Commercial & GPL v3 MIT
浏览器兼容性
支持 IE 6.0+ 6.0+ 6.0+ 6.0+ 6.0+
支持 Firefox 1.5+ 2.0+ 3.0+ 1.5+ 2.0+
支持 Safari 2.0.4+ 3.0+ 4.0+ 3.0+ 2.0+
支持 Opera 9.25+ 9.0+ 10.0+ 9.0+ 9.0+
支持 Chrome 1.0+ 1.0+ 未验证 未验证 未验证
核心特性
支持 Ajax 是 是 是 是 是
DOM 操作 是 是 是 是 是
DOM 遍历 是 是 是 是 是
事件处理 是 是 是 是 是
JSON 是 是 是 是 是
选择器 是 是 是 是 是
UX/UI 增强功能
Accordion 否 jQuery UI 否 是 MooTools More
动画 scriptaculous 是 是 是 是
自动完成 scriptaculous 否 是 否 否
浏览器历史 scriptaculous 否 是 是 否
日历 否 jQuery UI 是 是 否
绘图 否 否 是 是 否
拖拽 scriptaculous jQuery UI 是 是 MooTools More
网格 否 否 是 是 MooTools More
进度条 否 jQuery UI 是 是 否
重新调整大小 否 jQuery UI 是 是 否
富文本编辑器 否 否 是 是 否
滑块 scriptaculous jQuery UI 是 是 MooTools More
选项卡 否 jQuery UI 是 是 否
主题 否 jQuery UI 是 是 MooTools More
树视图 否 否 是 是 否

回页首

其他重要框架

限于篇幅，本文只介绍了五个比较常见的 JavaScript 框架。这并不表示它们是最流行的、最好的或是功能最多的框架。

其他一些 JavaScript 框架也值得注意，包括：
Cappuccino
Dojo
Glow
GWT
MochiKit