UmbrellaJS es su alternativa a jQuery

La biblioteca jQuery de código abierto ha dominado el desarrollo web durante años. Sigue siendo uno de los recursos más confiables para JavaScript, pero hay una nueva biblioteca en la ciudad llamada UmbrellaJS .

Umbrella también es completamente de código abierto y ofrece muchas de las mismas funciones, incluidos los selectores de elementos, la manipulación DOM y las solicitudes AJAX.

Umbrella JS funciona casi exactamente como jQuery excepto con diferentes llamadas de sintaxis y funciones . Entonces, si Umbrella está tan cerca de jQuery, ¿cuál es el beneficio de usarlo?

Bueno, Umbrella pretende ser una biblioteca mucho más pequeña que jQuery y solo es para la manipulación DOM . Y, sinceramente, esta biblioteca es súper compacta en comparación con jQuery.

La biblioteca completa de Umbrella.js tiene unos 4 KB no minificados . ¡La última versión de jQuery tiene un total de más de 250 KB ! Entonces, si estás buscando una versión simplificada de jQuery, Umbrella será más rápido de cargar e igual de fácil de usar .

La documentación en línea ofrece una lista de todas las funciones y parámetros que puede pasar a esas funciones. Es la guía completa de Umbrella y se actualiza constantemente .

Afortunadamente, muchas características jQuery similares se imitan a través de Umbrella, por lo que la sintaxis es muy fácil de leer . Por ejemplo, el método on() es el mismo y puede pasar todos los mismos oyentes de eventos como click o hover .

La mayor diferencia es que los selectores de Umbrella utilizan el método u() lugar del común $() de jQuery. Aquí hay un ejemplo de código que activa un cuadro de alerta cuando alguien hace clic en un botón con la clase .button .

 u ("botón"). on ('clic', función () {alerta ("Hola mundo");}); 

Es un ejemplo simple pero ilustra perfectamente el valor de Umbrella.

Para ver una demostración en vivo, consulte este bolígrafo que ofrece una selección de campo de entrada de muestra . Todo el código de salida se muestra en la pantalla . También puede estudiar el código fuente de Umbrella JS para ver cómo funciona.

Para obtener más información sobre Umbrella, consulte el sitio web oficial o mire el código fuente en vivo en el repositorio de GitHub .

Recursos frescos para desarrolladores web - Diciembre de 2017

"CMS sin cabeza" está ganando mucha atención en estos días. En pocas palabras, "CMS sin cabeza" no trata con el front-end; el CMS solo expone el contenido generalmente en forma de API RESTful, mientras que los desarrolladores pueden usar lo que prefieran para representar el contenido. C

(Consejos de tecnología y diseño)

20 deliciosas animaciones de menú de hamburguesas

Un menú de hamburguesas activa principalmente una navegación con cajones deslizantes que contiene enlaces a páginas en todo el sitio web . Los menús de navegación de cajones deslizantes son ideales para un diseño receptivo, pero también pueden ser difíciles de implementar. Si estás buscando nuevas formas de animar esas tres líneas en una ordenada X (que indica cerrar), echa un vistazo a esta vitrina de fantásticas animaciones de menú de hamburguesas CSS .Menú de ham

(Consejos de tecnología y diseño)