jQuery normas e boas práticas [fechado]

Question

Eu estou atualmente responsável por implantar-se o uso de jQuery para a comunidade de desenvolvedores Web dentro de nossa empresa. Parte deste envolve a apresentação de um curso, no entanto outra parte envolve comunicar padrões e melhores práticas.

Se você 'jQuery melhores práticas' Google, você provavelmente vai encontrar o seguinte entre os resultados da pesquisa. http://www.smashingmagazine.com/2008 / 09/16 / jquery-examples-e-melhores práticas / http://www.artzstudio.com/2009/04/jquery-performance -rules /

Estes têm sido úteis e eu brilhava muita informação útil sobre eles. No entanto, o que eu estaria realmente interessado em seria alguma dica, armadilhas, opiniões, etc, sobre as melhores práticas de desenvolvedores do jQuery experientes e aqueles que podem ter-se encontrado em uma posição semelhante a mim mesmo. Qualquer boas ligações também seria apreciada.

EDIT:

Adicionado uma seção padrões de codificação jQuery em minha própria página:

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

Answer 1

Você pode encontrar este tópico de tendências aqui em StackOverflow.com

jQuery armadilhas a evitar

Muito interessantes dicas úteis, um após o outro.

aqui são um pouco mais eu encontrei em meus favoritos:

• http: // paulirish. com / 2011/11-mais-coisas-i-aprendeu-de-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

Answer 2

Algo que eu pessoalmente começou a fazer é uma espécie de um Apps Hungarian Notation para conjuntos jQuery, prefixando essas variáveis ??com um $

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

Eu acho que, como meus trechos jQuery crescer, isso se torna inestimável, não só na promoção de armazenar conjuntos jQuery como variáveis, mas para me ajudar a manter o controle de quais variáveis ?? realmente são conjuntos jQuery.

Answer 3

JavaScript discreta (separação de marcação e comportamento)

Para trás nos dias, era comum para colocar o seu manipulador de clique dentro da marcação. Agora é recomendado que você não escreve seu código JS dentro de sua marcação, mas incluí-lo através de eventos DOM.

Progressive realce

O usuário recebe uma melhor experiência se eles estão usando padrões navegador compatível e / ou tem JavaScript habilitado. aplicação website / web ainda é acessível, mesmo se eles têm navegador mais antigo ou tem JS desabilitado.

detecção de recurso e não navegador de detecção

Manter acima pontos de lado, eu realmente concentrar em transmitir a mensagem (quebrando a noção pré-concebida) que o JavaScript é uma linguagem de brinquedo. Eu tenho visto muitos desenvolvedores que pensa desta maneira e tudo está a descer de lá. Você precisa explicar-lhes como JavaScript é uma linguagem muito poderosa e por que eles precisam de uma biblioteca JS (por causa de inconsistências navegador), embora em si JS é muito poderoso.

Boa sorte.

Answer 4

A maneira que jQuery obras não é a mesma maneira que o JavaScript funciona, mesmo que eles são uma ea mesma coisa. jQuery funciona em seletores CSS, como o nome da classe (s) eo ID de elementos. Para selecionar um item em jQuery, você faz:

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

E você vai obter uma coleção de todos os elementos na página que se encaixam seus critérios. Você pode então executar suas ações em todos esses elementos sem qualquer looping de qualquer espécie. Isto é importante lembrar:

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

afetará todos os itens com .yourClass que lhes são inerentes. Uma dica: se você estiver indo para o acesso a $(this), você deve salvá-lo como uma variável local:

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

, uma vez que irá acelerar o seu função.