Normas jQuery y Best Practice [cerrado]

Question

Actualmente soy responsable del despliegue de la utilización de jQuery para la comunidad de desarrolladores web dentro de nuestra empresa. Parte de esto implica la presentación de un curso, sin embargo, otra parte implica la comunicación de los estándares y las mejores prácticas.

Si Google 'jQuery mejores prácticas', es probable que encuentre el siguiente entre los resultados de búsqueda. http://www.smashingmagazine.com/2008 / 09/16 / jquery-ejemplos-y-best-prácticas / http://www.artzstudio.com/2009/04/jquery-performance -Reglas /

Estos han sido de gran ayuda y me han brillado mucha información útil sobre ellos. Sin embargo, lo que estaría muy interesado en que sería cualquier consejos, trampas, opiniones, etc, en las mejores prácticas de los desarrolladores de jQuery con experiencia y aquellos que pueden haber encontrado en una posición similar a mí mismo. También se agradecería cualquier buenas conexiones.

EDIT:

Se ha añadido una sección de jQuery Estándares de Codificación en mi propia página:

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

Answer 1

Puede encontrar este tema de tendencia aquí en StackOverflow.com

jQuery trampas para evitar

Muy interesante consejos útiles, uno tras otro.

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

• http: // paulirish. com / 2011/11-mas-cosas-i-aprendieron-de-la-jquery-fuente /
• http://jquery.open2space.com/
• http://thetoptenme.wordpress.com/2008/08/19/the-complete-guide-for-jquery-developer-reblog/
• http: // www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Answer 2

Algo que he empezado personalmente a hacer es una especie de un Aplicaciones húngaro notación para conjuntos jQuery, prefijando aquellas 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 las variables realmente son conjuntos de jQuery.

Answer 3

Unobtrusive JavaScript (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 usted no escribe su código JS dentro de su margen de beneficio, pero es necesario incluirla a través de eventos DOM.

Mejora progresiva

El usuario obtiene una mejor experiencia si se utilizan estándares navegador compatible y / o ha habilitado JavaScript. aplicación / página web sitio web es accesible incluso si tienen navegador antiguo o se ha desactivado la JS.

Función de detección y no 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 a muchos desarrolladores que piensa así y todo es cuesta abajo desde allí. Es necesario explicar cómo JavaScript es un lenguaje muy potente y por qué necesitan una librería JS (debido a las inconsistencias del navegador) a pesar de que sí JS es muy potente.

Buena suerte.

Answer 4

La forma en que funciona jQuery no es de la misma manera que JavaScript funciona, a pesar de que son una y la misma. jQuery trabaja en selectores CSS, como el nombre (s) clase y el identificador de 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 cualquier tipo. Esto es importante recordar lo siguiente:

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

afectará a todos los elementos con .yourClass unido 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.