Todos amamos jQuery. Este sitio incluso está dedicado a construir hermosos ejemplos que usan la biblioteca. Pero hay situaciones en las que jQuery no es la elección inteligente. Si lo está utilizando solo para la manipulación DOM simple o una solicitud AJAX o dos, ¿por qué ralentizar los tiempos de carga de su página e introducir una dependencia adicional?
El problema es más grave en los dispositivos móviles. Verá, aunque incluimos jQuery a través de un CDN como el de Google, todavía no es gratuito; descargarlo y analizarlo aún lleva tiempo. Lo mismo que hizo popular a jQuery, la perfecta compatibilidad con varios navegadores, también lo hace demasiado voluminoso para su uso en dispositivos móviles. Después de todo, ¿por qué necesitarías que tu sitio web móvil sea compatible con las versiones antiguas de IE si está destinado a ser visto solo en iOS y Android?
Adelgazar
Hay problemas adicionales por resolver. El enfoque de jQuery para las animaciones, por ejemplo, es modificar las propiedades de estilo css de un elemento en pequeños intervalos. Esto funciona bien en el escritorio, pero funciona mal en los dispositivos móviles. Las animaciones CSS puras, por otro lado (que usan transiciones y @keyframes) son suaves y aceleradas por hardware.
Esto significa que se debe adoptar un enfoque completamente nuevo para crear sitios web móviles. Afortunadamente, hay cinco bibliotecas que pueden ayudarnos con eso.
Zepto.js
Esta es la biblioteca más rica en funciones que está diseñada específicamente para iOS y Android (ambos usan el motor webkit). Conserva casi toda la funcionalidad de jQuery en 8kb (en lugar de los 32 de jQuery) y agrega soporte para eventos táctiles (incluido pellizcar para hacer zoom) y animaciones CSS puras. Se necesita un enfoque modular:solo agrega los componentes que necesita para una biblioteca aún más eficiente.
Sitio | Github
Aperitivo.js
Snack es una biblioteca de JavaScript pequeña y simple. Aunque es ideal para proyectos pequeños, tiene suficiente para crear aplicaciones web complejas para varios navegadores. Adopta un enfoque diferente al de Zepto en el sentido de que se separa de la API de jQuery pero con 3 kb es la mitad del tamaño. Tendrás que manejar las animaciones tú mismo con esta.
Sitio | Github
$dom
$dom es aún más pequeño:con 2 kb tiene un gran impacto. Mantiene la compatibilidad entre navegadores e incluso maneja animaciones (aunque adopta el enfoque de jQuery con un tiempo de espera), pero omite funciones como funciones de manipulación de matriz y AJAX. El caso de uso perfecto para esta biblioteca es al crear sitios web receptivos, que se pueden ver en teléfonos inteligentes, tabletas y computadoras de escritorio.
Github
xui.js
Con 4kb, XUI es un pequeño marco para crear aplicaciones web móviles HTML5. Funciona en todos los dispositivos del panorama móvil e incluso tiene compilaciones especiales para webkit, es decir, navegador móvil y blackberry. Admite eventos táctiles e incluso tiene un complemento de compatibilidad con jQuery.
Sitio | Github
140 popurrí
No puedes ir más micro que 140medley. Esta colección de funcionalidades de 0,5 kb se inspiró en el concurso de 140 bytes, en el que los participantes crean fragmentos de JavaScript del tamaño de un tweet. Admite plantillas, eventos e incluso AJAX. Esto es solo para territorio profesional, ya que la única documentación proporcionada es a través de comentarios en el código fuente críptico.
Github
Conclusión
Estos son solo algunos de los nuevos y emocionantes marcos que existen. Pero no es suficiente tener un nombre o sitio increíble:la comunidad es lo que hace o deshace un proyecto de código abierto. Entonces, si encuentra algo interesante que vale la pena, asegúrese de correr la voz al respecto.