practicas from content buenas javascript jquery code-standards

javascript - from - jquery iframe document



Estándares jQuery y mejores prácticas (4)

La forma en que jQuery funciona NO es la misma que funciona JavaScript, a pesar de que son uno y el mismo. jQuery funciona en selectores de CSS, como el nombre (s) de clase y la identificación de los elementos. Para seleccionar un elemento en jQuery, lo haces:

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

Y obtendrá una colección de todos los elementos en la página que se ajustan a sus criterios. A continuación, puede realizar sus acciones en TODOS esos elementos sin ningún bucle de ningún tipo. Esto es importante para recordar:

$(".yourClass").click(function(){ //do stuff });

afectará todos los artículos con .yourClass adjunto a ellos. Un consejo: si vas a acceder al $(this) , debes guardarlo como una variable local:

$(".yourClass").click(function(){ var $this = $(this); });

ya que acelerará tu función.

Actualmente soy responsable de extender el uso de jQuery a la comunidad de desarrolladores web dentro de nuestra compañía. Parte de esto implica presentar un curso, sin embargo, otra parte implica la comunicación de estándares y mejores prácticas.

Si busca las mejores prácticas de jQuery en Google, probablemente encontrará lo siguiente entre los resultados de búsqueda. http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ http://www.artzstudio.com/2009/04/jquery-performance-rules/

Estos han sido útiles y he divulgado mucha información útil sobre ellos. Sin embargo, lo que realmente me interesaría serían los consejos, trampas, opiniones, etc. sobre las mejores prácticas de los desarrolladores de jQuery experimentados y de aquellos que puedan haberse encontrado en una posición similar a la mía. Cualquier buen enlace también sería apreciado.

EDITAR:

Se agregó una sección de estándares de codificación jQuery en mi propia página:

http://www.jameswiseman.com/blog/?p=48



JavaScript discreto (separación de marcado y comportamiento)

En los días anteriores, era común poner su manejador de clics dentro del marcado. Ahora se recomienda que no escriba su código JS dentro de su marcado, sino que lo incluya a través de eventos DOM.

Mejora progresiva

El usuario obtiene una mejor experiencia si utiliza un navegador que cumple con los estándares y / o tiene JavaScript habilitado. La aplicación web / web aún es accesible incluso si tienen un navegador más antiguo o si tiene JS deshabilitado.

Detección de funciones y no detección de navegador

Manteniendo los puntos arriba a un lado, realmente me enfocaría en transmitir el mensaje (rompiendo la noción preconcebida) de que JavaScript es un lenguaje de juguete. He visto demasiados desarrolladores que piensan de esta manera y todo va cuesta abajo desde allí. Debe explicarles cómo JavaScript es un lenguaje muy poderoso y por qué necesitan una biblioteca JS (debido a las inconsistencias del navegador) a pesar de que JS es muy poderoso.

Buena suerte.


Algo que personalmente he empezado a hacer es una especie de notación húngara de aplicaciones para conjuntos jQuery, prefijando esas variables con un $

var someInt = 1; var $someQueryCollection = $( ''selector'' );

Me parece que a medida que mis fragmentos jQuery crecen, esto se convierte en un valor incalculable, no solo en la promoción de almacenar conjuntos jQuery como variables, sino también para ayudarme a hacer un seguimiento de las variables que realmente son conjuntos jQuery.