Prototype 和 jQuery 不包含开箱即用的 UI 小部件，但是 Yahoo! User Interface 库 (YUI) 包含一个 bucketload。除了支持拖放和调整大小外，YUI 第二版还包含 autocompleters、calendar 控件、carousel 组件、绘图、对话框、进度条、富文本编辑器（所见即所得文本区）、滑块、选项卡、树等等。在撰写本文时，上述小部件都没有包含在 YUI 第三版中。图 2 是结合使用这些组件的一个例子。
图 2. 复杂的 YUI 应用程序示例
和 YUI 一样，ExtJS 包含大量开箱即用的组件，其中有很多功能强大的网格控件，支持内联编辑、分页、筛选、分组、汇总、缓冲和数据绑定。ExtJS 组件具有非常专业的外观，并且分门别类。其他小部件包括选项卡、图表、窗口（对话框）、树、布局管理器、增强的表单控件、工具栏和菜单、拖放操作和直接远程功能（direct remoting）。这仅仅是 ExtJS 所提供的一小部分，如果要查找更多 RIA 组件，请登录 ExtJS 网站。图 3 是用 ExtJS 开发的 Web 桌面程序示例，展示了这个库的丰富特性。
图 3. ExtJS 桌面应用程序示例
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. 框架特性比较PrototypejQueryYUIExtJSMooTools
最新版本1.6.11.3.23.003.11.2.4
许可证MITMIT & GPLBSDCommercial & GPL v3MIT
浏览器兼容性
支持 IE6.0+6.0+6.0+6.0+6.0+
支持 Firefox1.5+2.0+3.0+1.5+2.0+
支持 Safari2.0.4+3.0+4.0+3.0+2.0+
支持 Opera9.25+9.0+10.0+9.0+9.0+
支持 Chrome1.0+1.0+未验证未验证未验证
核心特性
支持 Ajax是是是是是
DOM 操作是是是是是
DOM 遍历是是是是是
事件处理是是是是是
JSON是是是是是
选择器是是是是是
UX/UI 增强功能
Accordion否jQuery UI否是MooTools More
动画scriptaculous是是是是
自动完成scriptaculous否是否否
浏览器历史scriptaculous否是是否
日历否jQuery UI是是否
绘图否否是是否
拖拽scriptaculousjQuery UI是是MooTools More
网格否否是是MooTools More
进度条否jQuery UI是是否
重新调整大小否jQuery UI是是否
富文本编辑器否否是是否
滑块scriptaculousjQuery UI是是MooTools More
选项卡否jQuery UI是是否
主题否jQuery UI是是MooTools More
树视图否否是是否
其他重要框架限于篇幅，本文只介绍了五个比较常见的 JavaScript 框架。这并不表示它们是最流行的、最好的或是功能最多的框架。
其他一些 JavaScript 框架也值得注意，包括：
结束语本文向您介绍了 JavaScript 框架的概念以及它为什么会给 Web 网站和 Web 应用程序开发带来好处。本文对这些框架的常见功能作了简要描述，并举例说明在较常见的库中如何实现这些特性。本文还分别讲解了作为这五个框架的一部分或作为单独的附加功能的 UI 和 UX 增强。最后，还提供了一个直观的特性对比图表，其中列出了各个框架各自具备和缺乏的选项。有了这些知识，您应该就可以进行更深入的研究，然后明智地选择适合您及您的开发团队的框架。
相关主题
评论
添加或订阅评论，请先登录或注册。
相关文章
精彩导读
热门资讯
关注我们
