Estándares jQuery y mejores prácticas

Question

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", 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 de gran ayuda y me han brillado 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.

EDIT:

añadido un jQuery sección de normas de codificación en mi propia página:

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

Answer 1

Usted puede encontrar este tema de tendencia aquí en StackOverflow.com

jQuery pitfalls to avoid

muy interesantes consejos útiles uno tras otro.

Éstos son algunos más he encontrado en mis marcadores:

• http://paulirish.com/2011/11-more-things-i-learned-from-the-jquery-source/
• http://jquery.open2space.com/
• http: //thetoptenme.wordpress.com/2008/08/19/el-completa-guía-para-jquery-desarrollador-reblog/
• http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Answer 2

La forma en que jQuery funciona no es la misma forma en que funciona JavaScript, a pesar de que son una y las mismas. jQuery funciona en selectores de CSS, como el nombre (s) de clase y la identificación de los elementos. Para seleccionar un elemento de jQuery, que hace:

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

Y obtendrá una colección de todos los elementos de 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 recordar:

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

afectará a todos los elementos con .yourClass unidos a ellos. Un consejo: si vas a acceder al $(this), debe guardarlo como una variable local:

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

ya que acelerará su función.

Answer 3

Algo que he empezado personalmente a hacer es una especie de un Apps Hungarian Notation de jQuery establece, anteponiendo estas variables con un $

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

me parece que a medida que aumentan mis fragmentos de jQuery, esto se convierte en un valor incalculable, no sólo en la promoción de almacenar jQuery establece como variables, sino para ayudar a mantener un registro de qué variables en realidad son conjuntos jQuery.

Answer 4

JavaScript no obstructivo (separación de marcado y comportamiento)

En los días, era común para poner su controlador de clic dentro del margen de beneficio. 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

usuario obtiene una mejor experiencia si se utilizan estándares navegador compatible y/o tiene Javascript activado. 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 características y no la detección del navegador

Mantener puntos por encima a un lado, yo realmente centrarse en la transmisión del mensaje (rompiendo la noción preconcebida) 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.