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:
Puede encontrar este tema de tendencia aquí en .com
Consejos útiles muy interesantes uno después del otro.
Aquí hay algunos más que encontré 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/the-complete-guide-for-jquery-developer-reblog/ -
http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
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.