script.aculo.us:Thomas Fuchs 于 2005 年基于 Prototype JavaScript Framework 构建的 GUI 库,用于满足具有 UI 组件的库的需求。它提供跨浏览器的用户界面 JavaScript 库,并使用 DOM(文档对象模型)为动态 Web 应用程序添加动态视觉效果和用户界面元素。它在 Prototype.js 之上工作。所以当我们处理大型项目时,库的大小成为一个问题。
示例:这是使用 Script.aculo.us 淡化文本的示例代码。
输出:
jQuery UI:由 jQuery 团队基于 jQuery 构建,提供优雅的视觉效果、灵活的样式和自定义主题。 jQuery 拥有更大的社区支持,您可以找到比 Script.aculo.us(Prototype)更多的用 jQuery 标记的文章和问题。大多数开发人员更喜欢 jQuery UI,因为它小巧简洁的代码大小和巨大的社区支持。
示例:以下是使用 jQuery UI 淡化 Text 的示例代码:
HTML
Geeks for Geeks
输出:
注意:由于缺乏开发人员的兴趣,scrip.aculo.us 似乎已停止使用。
jQuery UI 的特点:
- 全面的浏览器支持 jQuery UI 支持所有主流浏览器,包括 Internet Explorer 7 及更高版本,以及 Chrome、Firefox、Safari 和 Opera 的最新两个版本。
- jQuery UI 遵循“WORA”即一种编程范式,这意味着我们将编写一次,可以在任何地方运行,我们只需编写一次代码,我们可以在任何操作系统平台上运行。
- jQuery UI 提供了清晰易懂的良好文档,jQuery UI 的所有部分都得到了彻底的解释。
- jQuery UI 提供了一个 Theme Roller,可用于通过使用 CSS 属性并实时查看它们对 jQuery UI 小部件的影响来配置自定义主题。
- 稳定且易于维护的 jQuery UI 拥有庞大的社区和开发人员支持,因此如果出现任何错误,将在第一时间修补。
jQuery UI 和 Script.aculo.us 的区别:
jQuery UI |
Script.aculo.us |
|
1. | It is built upon the jQuery framework. | It is built upon Prototype JavaScript Framework. |
2. | It has good documentation and there are many tutorials over the internet. | It lacks proper documentation and tutorial on “getting started” . |
3. | It can be integrated with different frameworks. | It can’t be integrated with other frameworks properly except Ruby on Rails. |
4. | It has a Theme Roller that can be used to create custom themes. | It doesn’t provide any facility to create your own custom animation. |
5. | It is more regularly updated and maintained. | It lacks supports of developers and not regularly maintained. |
6. | It is lightweight and the code is very concise. | It is not lightweight. |
7. | It has a larger active community. | It is discontinued and has no active community. |
使用 jQuery UI 优于 Script.aculo.us 的优势
- jQuery UI 库的大小比 Script.aculo.us 小,但比 Script.aculo.us(原型)快,因为它只加载需要刷新的网页部分。
- jQuery UI 有比 Script.aculo.us 更多的插件可用。 jQuery UI 有数百个非官方插件可用,而 Script.aculo.us(原型)只有几个。
- jQuery UI 提供了 jQuery.animate函数,我们可以通过它来制作任何 CSS 动画,而 scriptaculous.js 仅用于一些预先构建的动画效果。
- jQuery UI 更容易学习,因为互联网上有很多教程,而 Scrip.aculo.us 有点难学。
- jQuery UI 比 Script.aculo.us (Prototype) 定期维护。
- jQuery UI 比 Script.aculo.us (Prototype) 更流行。
使用 jQuery UI 的缺点:
-
使用 jQuery UI 会使您的代码非常重复,但它对于小型应用程序来说是很好的。
-
到 2021 年,jQuery UI 开发与前几年相比相当缓慢。