Todo sobre Apple, Android, Juegos Apks y Sitios de Peliculas

jQuery, ¿qué es y deberías utilizarlo?

jQuery es una pequeña biblioteca de JavaScript que intenta facilitar el trabajo con HTML. Proporciona más funciones para manipular elementos en páginas web, lo que lo hace útil para crear contenido dinámico. ¿Es la elección correcta para su sitio web?

¿Qué es jQuery y para qué sirve?

jQuery está en todas partes; Es, con diferencia, la biblioteca JS más popular, está integrada en sistemas importantes como WordPress y las preguntas sobre JS en StackOverflow parecen tener siempre respuestas en jQuery.

La biblioteca ofrece una abreviatura de muchas funciones JS utilizadas para manipular el DOM HTML, que a menudo puede resultar largo y molesto de escribir. jQuery ofrece una sintaxis mucho más corta y limpia, y cuando escribes

 document.getElementByID() 

cien veces, reducirlo a un solo carácter puede ahorrar mucho tiempo de desarrollo.

jQuery El principal atractivo es su función de selección, que se utiliza para encontrar elementos en su HTML y obtener una referencia a ellos. Por ejemplo, si desea buscar un elemento por ID, puede hacer:

$('#ID')

Que es mucho más fácil de escribir que:

document.getElementByID('ID')

Por supuesto, esta no es la única forma de seleccionar elementos; jQuery puede usar casi cualquier selector CSS, todo empaquetado en su función $. El objeto $ también contiene todos los demás métodos jQuery, como $.ajax().

El JavaScript moderno en realidad tiene esta misma funcionalidad de selección con la función document.querySelectorAll(), por lo que si solo estás usando jQuery para escribir “document.querySelectorAll()” un poco menos, puedes prescindir de jQuery asignando un alias a las funciones a $, o cualquier otra cosa:

window.$ = document.querySelectorAll

Pero esto no es todo para lo que sirve jQuery; es mucho mejor trabajando con elementos DOM que vanilla JS, con funciones transversales para analizar una lista de elementos, y filtros para resultados de búsqueda. Al seleccionar HTML con Vanilla JS, se le proporciona una lista de los elementos DOM literales, pero jQuery devolverá objetos jQuery con métodos y propiedades adicionales, que pueden resultarle útiles.

jQuery tiene algunas otras características, como animación y compatibilidad con AJAX, pero las animaciones CSS puras suelen ser mucho más rápidas y bibliotecas como axios maneja las solicitudes AJAX mucho mejor que jQuery, por lo que en realidad solo deberías usar jQuery para trabajar con el DOM. jQuery ahora ofrece una versión ‘delgada’ sin estas características, lo que ahorra alrededor de 6kb cuando se utiliza el archivo comprimido y minificado.

¿JQuery ralentizará mi sitio web?

Agregar muchas bibliotecas, marcos e hinchazón de Javascript a su sitio web es la forma más fácil de ralentizar la carga de la página, especialmente para usuarios de dispositivos móviles con conexiones deficientes. Sin embargo, jQuery es una ligera excepción a esta regla; es muy pequeño y se usa en todas partes, por lo que si haces referencia a él desde una CDN popular como la de Google, hay una Buena oportunidad cualquier usuario promedio lo tendrá almacenado en caché y no necesitará descargar nada de sus servidores. Sin embargo, esto no hace que su inclusión sea gratuita, ya que aún debe cargarse desde la memoria del usuario y ejecutarse, lo cual tomar tiempo.

Si no lo tienen en caché, puede usar la versión minimizada y comprimida con gzip, que pesa sólo 28,78 KB, probablemente menos que el tamaño de su HTML. Esto no es mejor que nada y puede agregar aproximadamente un segundo más a la carga de su página en conexiones 3G lentas (sin caché).

Dado que jQuery es bloqueo de renderizado, deberás cargar jQuery antes de mostrar la página, lo cual no es bueno para los usuarios de dispositivos móviles. Si está tratando de hacer que su sitio principalmente estático sea lo más rápido posible en todos los dispositivos, probablemente debería optar por JavaScript básico en lugar de jQuery solo por esta razón. Pero si su sitio es muy dinámico, probablemente valga la pena utilizar jQuery u otras bibliotecas para acelerar el tiempo de desarrollo. Para sitios internos de la empresa, paneles de administración o cualquier cosa que no esté orientada al usuario final, no debe preocuparse por incluirlo.

Tenga cuidado con el código Janky

Dado que jQuery incluye funciones nativas de Javascript, siempre tendrá menos rendimiento que usar Vanilla JS, con la desventaja de que acelera el tiempo de desarrollo. jQuery sigue siendo muy rápido, pero querrás estar atento al código no optimizado. Tener demasiadas llamadas a funciones retrasadas puede hacer que la velocidad de fotogramas de su aplicación caiga por debajo de la frecuencia de actualización, lo que se sentirá como un microtartamudeo desagradable para el usuario final, o simplemente un retraso directo.

Úselo para bucles en lugar de los bucles each de jQuery siempre que esté recorriendo un número significativo de elementos. Ambos son rápidos, pero cada uno es mucho más lento, a pesar de ser mucho más legibles. La mayor parte del tiempo agregado proviene del retraso al final del bucle antes de que comience el siguiente, por lo que los bucles con una pequeña cantidad de código y una longitud larga verán un mayor impacto en el rendimiento que los bucles con mucho código y unos pocos elementos.

Los selectores de jQuery son lentos. De hecho, hacer cualquier cosa con el DOM es lento, por lo que querrás minimizar las llamadas relacionadas con el DOM en tus scripts. Si hace referencia a un elemento varias veces, guárdelo en caché en una variable:

var $item = $('#item')

Esto evita que jQuery ejecute múltiples búsquedas cada vez que usa la sintaxis $() para encontrar un elemento. El $ delante de la variable es una convención para nombrar variables de objetos jQuery y no es obligatorio.

Puede acelerar la selección de jQuery utilizando ID sobre clases siempre que sea posible. Seleccionar por ID es mucho más rápido que seleccionar por clase, ya que jQuery simplemente envuelve el método nativo .getElementByID(), en lugar de usar su propio motor de selección. Si tiene que seleccionar por clase, al menos debería intentar especificar un contexto para indicarle a jQuery dónde buscar. Por ejemplo, usando:

$('.class', '#container')

Será mucho más rápido que simplemente buscar ‘.class’, ya que jQuery ignorará todo el contenido del DOM excepto el elemento #container.

¿Debería utilizar jQuery?

jQuery es una biblioteca, no un marco. Una biblioteca proporciona algunas herramientas útiles para su uso o resuelve un problema con el que lucha Vanilla JS. Un marco, como Reaccionar o vistaproporciona una estructura más rígida y controla la mayor parte del funcionamiento de su aplicación.

jQuery tiene una sintaxis simple y puede facilitar mucho su desarrollo. Si solo estás agregando algunas cosas simples a tu sitio web, probablemente no las necesites, pero si vas a crear una gran cantidad de contenido dinámico, jQuery realmente puede acelerar el tiempo de desarrollo. Si eres nuevo en el desarrollo de JS, aprender jQuery puede ayudarte a iniciar aplicaciones simples.

Sin embargo, en el contexto de una aplicación grande, los beneficios se vuelven más borrosos. jQuery no está diseñado para ser el motor de grandes aplicaciones web, pero a menudo se usa en lugar de un marco más complicado para crear páginas dinámicas simples. Esto funciona bien para aplicaciones simples, pero es muy fácil de superar. Si realmente necesita jQuery para que su aplicación web funcione, probablemente también tenga una necesidad mucho mayor de la estructura, modularidad y capacidad de expansión que ofrece un marco completo.

Pero jQuery tiene mucho más rendimiento que un marco enorme como React, por lo que si desea permanecer más cerca del metal, jQuery podría ser una buena adición para limpiar su código. Si está trabajando en una base de código existente, jQuery es fácil de agregar, en comparación con un marco completo que puede requerir mucha refactorización, aprendizaje y actualización. Además, jQuery es mucho más simple que la mayoría de los marcos web y no requiere que reconsideres la forma en que codificas las cosas.

En última instancia, jQuery es solo una biblioteca para la manipulación de DOM, por lo que si su caso de uso requiere una manipulación de DOM más compleja que la que proporciona Vanilla JS, jQuery podría ser para usted.