script.aculo.us : es una biblioteca de GUI creada por Thomas Fuchs en 2005 basada en Prototype JavaScript Framework para satisfacer la necesidad de una biblioteca con componentes de UI. Proporciona bibliotecas de JavaScript de interfaz de usuario entre navegadores y utiliza DOM (Document Object Model) para agregar efectos visuales dinámicos y elementos de interfaz de usuario a las aplicaciones web dinámicas. Funciona sobre Prototype.js. por lo que el tamaño de la biblioteca se convierte en un problema cuando trabajamos con grandes proyectos.
Ejemplo: Aquí hay un código de ejemplo usando Script.aculo.us para atenuar un texto.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0"/>
<script type="text/javascript"
src="./prototype.js">
</script>
<script type="text/javascript"
src="./scriptaculous.js">
</script>
<script type="text/javascript">
// Using Scriptaculous
function fade() {
Effect.Fade("mydiv", {
duration: 1.0,
});
return false;
}
</script>
</head>
<body>
<a href="#" id="mydiv" onClick="fade()">
Geeks For Geeks !
</a>
</body>
</html>
Producción:
jQuery UI: está construido por jQuery Team sobre jQuery y proporciona imágenes elegantes y un estilo flexible y temas personalizados. jQuery tiene el apoyo de la comunidad más grande, puede encontrar más artículos y preguntas etiquetados con jQuery que Script.aculo.us (Prototipo). La mayoría de los desarrolladores prefieren jQuery UI debido a su tamaño de código pequeño y conciso y al gran apoyo de la comunidad.
Ejemplo: aquí hay un código de ejemplo que usa jQuery UI para desvanecer un texto:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<div id="geek">Geeks for Geeks</div>
<script>
$(document).click(function () {
$("#geek").toggle("fade");
});
</script>
</body>
</html>
Producción:
Nota: El script.aculo.us parece descontinuado debido a la falta de interés de los desarrolladores.
Características de la interfaz de usuario de jQuery:
- Compatibilidad integral con el navegador jQuery UI es compatible con todos los principales navegadores, incluidas las versiones 7 y posteriores de Internet Explorer, así como con las dos últimas versiones de Chrome, Firefox, Safari y Opera.
- jQuery UI sigue «WORA», es decir, un paradigma de programación que significa que escribiremos una vez y podemos ejecutarlo en cualquier lugar, tenemos que escribir el código solo una vez y podemos ejecutarlo en cualquier plataforma de sistema operativo.
- jQuery UI proporciona una buena documentación clara y comprensible, todas las partes de jQuery UI se explican detalladamente.
- jQuery UI proporciona un Theme Roller, que se puede usar para configurar un tema personalizado jugando con las propiedades de CSS y viendo su efecto en los widgets de jQuery UI en vivo.
- La interfaz de usuario jQuery estable y de fácil mantenimiento tiene una gran comunidad y soporte para desarrolladores, por lo que si hay algún error, se reparará en poco tiempo.
Diferencia entre jQuery UI y Script.aculo.us:
|
interfaz de usuario de jQuery |
Script.aculo.us |
|
| 1. | Está construido sobre el marco jQuery. | Se basa en Prototype JavaScript Framework. |
| 2. | Tiene buena documentación y hay muchos tutoriales en Internet. | Carece de la documentación adecuada y del tutorial sobre «primeros pasos». |
| 3. | Se puede integrar con diferentes marcos. | No se puede integrar correctamente con otros marcos, excepto Ruby on Rails. |
| 4. | Tiene un Theme Roller que se puede usar para crear temas personalizados. | No proporciona ningún servicio para crear su propia animación personalizada. |
| 5. | Se actualiza y mantiene más regularmente. | Carece de soporte de desarrolladores y no se mantiene regularmente. |
| 6. | Es ligero y el código es muy conciso. | No es liviano. |
| 7. | Tiene una comunidad activa más grande. | Está descatalogado y no tiene comunidad activa. |
Ventajas de usar jQuery UI sobre Script.aculo.us
- El tamaño de la biblioteca jQuery UI es más pequeño que Script.aculo.us y es más rápido que Script.aculo.us (prototipo), ya que carga solo una parte de la página web que debe actualizarse.
- jQuery UI tiene más complementos disponibles que Script.aculo.us. jQuery UI tiene cientos de complementos no oficiales disponibles, mientras que Script.aculo.us (prototipo) tiene solo unos pocos.
- jQuery UI proporciona la función jQuery.animate mediante la cual podemos hacer cualquier animación CSS mientras que scriptaculous.js solo para algunos efectos de animación prediseñados.
- jQuery UI es más fácil de aprender porque hay muchos tutoriales disponibles en Internet, mientras que Script.aculo.us es algo difícil de aprender.
- jQuery UI se mantiene regularmente que Script.aculo.us (Prototipo).
- jQuery UI más popular que Script.aculo.us (Prototipo).
Desventajas de usar jQuery UI:
El uso de jQuery UI hace que su código sea muy repetitivo, pero es bueno para una aplicación pequeña.
A partir de 2021, el desarrollo de jQuery UI es bastante lento en comparación con años anteriores.
Publicación traducida automáticamente
Artículo escrito por amnindersingh1414 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA