2012-02-16 8 views
13

Por lo tanto, según tengo entendido, jQuery es básicamente un marco para la manipulación de DOM como una capa de abstracción más alta que JavaScript nativo. Mientras que la biblioteca YUI (yahoo UI) es una biblioteca de widgets de interfaz de usuario que proporciona al desarrollador un medio para olvidarse de la manipulación de DOM y trabajar más en la lógica comercial.jQuery y YUI (yahoo ui)

¿Es correcto?

Mi pregunta: ¿Hay algún problema serio de rendimiento con la inclusión de ambas bibliotecas? y ¿cómo se compara YUI con jQuery UI?

Respuesta

7

ACTUALIZACIÓN

El marco YUI está desfasada y en agosto de 2014


Lo dejo a los profesionales jquery a deletrear los mejores puntos de comparación, pero yo uso en YUI proyectos pequeños y grandes. YUI está estructurado de modo que solo necesita incluir la funcionalidad modular que necesita, hasta el nivel más detallado, incluida la capacidad de retrotraer todas sus dependencias en el paquete correcto.

YUI es fantástico para la manipulación DOM, io, widgets, realmente funciona. Vaya con YUI3, si encuentra los widgets YUI2 que quiere/necesita, tienen 'YUI2-in-3'.

Además, uno (probablemente más) de los principales contribuidores de YUI, Dav Glass, ha hecho un trabajo increíble para obtener YUI3 en el servidor, por lo que básicamente tiene el mismo marco haciendo back-end grunt, y haciendo las mismas dependencias la magia de la parte delantera.

sistema de inclusión de semilla de YUI es muy fácil para empezar con demasiado, código de ejemplo:

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script> 
<script type="text/javascript"> 
    YUI().use(['node','io'], function (Y) { 
     // node and io are ready now, do whatever you like. Need custom events, gesture support or animation? Add them to the array above. 
    }); 
</script> 

No es mi caso de YUI, se divierten con él :)

Además, me han incluido tanto jQuery y YUI en un par de proyectos ... No noté nada perjudicial, pero con más experiencia YUI, no he tenido que volver a hacer eso.

+0

¿Alguna idea de cómo YUI 3 se compara en rendimiento? YUI 2 parece muy pobre en comparación con jq – AndrewMcLagan

+0

No tengo enlaces de referencia oficiales, ellos existirán, estoy seguro, pero puedo decirles que la utilidad de selección de YUI3 murió absolutamente en comparación con la de YUI2. Hice un montón de pruebas básicas en IE6 y 7, ya que me preocupan, y YUI3 eclipsó a su predecesor. Yo diría que mezclar y combinar YUI2-en-3 probablemente no haría maravillas para el rendimiento, pero puede que no necesites mirar hacia atrás en absoluto. Tengo un trato con el código YUI2 que quería actualizar, por lo que la opción de YUI2-en-3 es muy buena. – danjah

+1

de interés podría ser: http://www.jsrosettastone.com/ que es una comparación de sintaxis, de tipo. Tenga en cuenta que la lista parece detenerse en YUI 3.0.0, donde YUI está ahora en 3.5. – danjah

22

jQuery

  • selección $ DOM es potente y funciona como magia.

  • El código jQuery suele ser muy conciso; las funciones auxiliares existen para algo trivial (y no trivial, incluso).

  • La biblioteca de complementos es extensa y ofrece una funcionalidad rápida.

  • jQuery es increíble para los sitios más pequeños y es fácil de recoger para los nuevos usuarios de , por lo que tiene una comunidad tan grande.

  • resultados inmediatos con menos curva de aprendizaje.

YUI

  • Gran documentación y ejemplos, así como el apoyo de Yahoo con charlas tecnología y actualizaciones frecuentes.

  • El código escrito con YUI tiende a organizarse. A veces incluso se siente Java-esque. tiene un rico conjunto de módulos para otras cosas que la manipulación DOM - cookies, caché, historial, i18n, etc.

  • particularmente a través de la Galería, YUI ha vuelto más abierta a contribuciones externas

  • YUI YUI3 especialmente requiere al menos una habilidad básica con el lenguaje y más si realmente quiere explotarlo bien y ampliarlo.

  • YUI es mucho más adecuado para código modular bien organizado que se puede reutilizar.

para ver lo que es capaz de YUI le puede visitar here ejemplos de YUI2 y here para YUI3 galerías (OMI que son un poco similar a los plugins jQuery).

Puede consultar este site para comparar la velocidad de YUI y jquery.

IMO JQuery es una biblioteca, YUI es un marco y no una biblioteca. JQuery es bueno para sitios web pequeños en los que desea lograr un factor 'WOW' en un tiempo relativamente corto. Pero cuando estás construyendo una aplicación, necesitas un marco robusto donde puedas integrar tus propios códigos. Yui es una mejor opción.

+4

Buena comparación, también, hay algo de lectura interesante que John Resig tiene aquí: http: //www.quora.com/How-could-YUI3-improve-its-image-comparison-to-jQuery-MooTools-etc – danjah

+3

+1 para "JQuery es una biblioteca, YUI es un framework y no una biblioteca" – AndrewMcLagan

+0

@Danjah: buen enlace, John Resig hace una observación inteligente cuando dice: "La simplicidad es mucho más difícil de resolver que la creación de aplicaciones complejas". –

1

no utiliza los dos bibliotecas, sus páginas se cargan más lentamente :)

jQuery es sobre todo para la manipulación del DOM y AJAX y funciona bien con web páginas/sitios. YUI es más un framework y funciona bien con aplicaciones web. Aunque hay algunos cruces; YUI se puede usar fácilmente con sitios triviales más pequeños y jQuery se puede usar para crear aplicaciones web grandes (aunque generalmente se combina con otra cosa como Backbone o JavaScriptMVC para una mejor organización de códigos)

Si uno no le da todo lo que necesita necesita, use uno diferente

+0

no me malinterpreten, pero siguiendo su lógica, YUI sería más aplicable a aplicaciones web y jQuery a sitios más pequeños, ¿no? – AndrewMcLagan

+0

El tamaño no siempre denota complejidad. Pero sí, jQuery es más adecuado para sitios 'más pequeños'. Ver: http://blog.rebeccamurphey.com/on-jquery-large-applications – danwellman

+1

En realidad, YUI puede ser muy utilizado en sitios 'más pequeños'. Simplemente use SimpleYUI http://ericmiraglia.com/yui/demos/quickyui.php si desea menos complejidad. Y del mismo modo, puede usar jQueryUI y Wijmo para sitios más grandes creados en jQuery. – juandopazo