jQuery Norme e Best Practice [chiusa]

Question

Sono attualmente responsabile per stendere l'utilizzo di jQuery per la comunità di sviluppatori Web all'interno della nostra azienda. Parte di questo comporta la presentazione di un corso, ma un'altra parte coinvolge la comunicazione standard e le migliori pratiche.

Se Google 'jQuery best practice', probabilmente troverai il seguente tra i risultati della ricerca. http://www.smashingmagazine.com/2008 / 09/16 / jquery-esempi-e-best-practice / http://www.artzstudio.com/2009/04/jquery-performance -Regole /

Questi sono stati utili e mi hanno brillato molte informazioni utili su di loro. Tuttavia, ciò che sarei veramente interessato a sarebbe qualche consiglio, trappole, opinioni, ecc, sulle migliori pratiche da parte degli sviluppatori jQuery esperti e coloro che si sono trovati in una posizione simile a me stesso. Tutti i buoni collegamenti sarebbe anche apprezzato.

Modifica

Aggiunta una sezione jQuery standard di codifica nella mia pagina:

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

Answer 1

È possibile trovare questo argomento trend proprio qui in StackOverflow.com

jQuery trappole da evitare

Molto interessante consigli utili uno dopo l'altro.

qui ci sono alcuni più ho trovato nei miei preferiti:

• http: // paulirish. com / 2011/11-more-cose-i-apprese-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

Answer 2

Una cosa che personalmente ho iniziato a fare è una sorta di un Apps ungherese Notazione per i set di jQuery, anteponendo le variabili con un $

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

Trovo che come i miei frammenti di jQuery crescere, questo diventa prezioso, non solo nella promozione di memorizzare jQuery imposta come variabili, ma per aiutarmi a tenere traccia di quali variabili in realtà sono jQuery set.

Answer 3

JavaScript discreto (separazione di markup e del comportamento)

Ai tempi, era comune per mettere il vostro gestore di scegliere all'interno del markup. Ora si raccomanda che non si scrive il codice JS all'interno del markup, ma includere tramite eventi DOM.

Il progressive enhancement

utente ottiene una migliore esperienza se non stanno usando browser con i requisiti e / o ha permesso JavaScript. Sito web application / web è ancora accessibile, anche se hanno più vecchi browser o è disattivato JS.

rilevamento Caratteristica e non rilevamento del browser

Mantenere punti di cui sopra da parte, mi piacerebbe davvero concentrarsi sul trasmettere il messaggio (rompendo la nozione preconcetta) che JavaScript è un linguaggio giocattolo. Ho visto troppi sviluppatori che pensa in questo modo e tutto è in discesa da lì. È necessario spiegare loro come JavaScript è un linguaggio molto potente e perché hanno bisogno di una libreria JS (a causa di incongruenze del browser) anche se JS è molto potente.

In bocca al lupo.

Answer 4

Il modo in cui funziona jQuery non è lo stesso modo in cui funziona JavaScript, anche se sono la stessa cosa. jQuery funziona su selettori CSS, come il nome della classe (s) e l'id di elementi. Per selezionare un elemento in jQuery, si fa:

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

E avrete una raccolta di tutti gli elementi della pagina che si adattano ai tuoi criteri. È quindi possibile eseguire le vostre azioni su tutti questi elementi senza alcun loop di qualsiasi tipo. Questo è importante da ricordare:

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

interesserà tutti gli elementi con .yourClass ad essi connessi. Un consiglio: se avete intenzione di accedere al $(this), si dovrebbe salvarla come variabile locale:

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

in quanto accelererà la vostra funzione.