jQuery Standards und Best Practice [geschlossen]

Question

Ich bin derzeit verantwortlich für das Walzen innerhalb unseres Unternehmens in die Gemeinschaft der Web-Entwickler die Verwendung von jQuery aus. Ein Teil davon beinhaltet einen Kurs präsentiert, aber ein anderer Teil beinhaltet Standards und Best Practice in Verbindung steht.

Wenn Sie Google ‚jQuery best practice‘, werden Sie wahrscheinlich die folgende unter den Suchergebnissen finden. http://www.smashingmagazine.com/2008 / 09/16 / jquery-Beispiele-and-best-Practices / http://www.artzstudio.com/2009/04/jquery-performance -Regeln /

Diese waren hilfreich und ich habe viele nützliche Informationen über sie schimmerten. Doch was würde ich wirklich daran interessiert sein irgendwelche Tipps wäre, Fallen, Meinungen, etc., über die besten Praktiken von erfahrenen jQuery-Entwickler und diejenigen, die sich in einer ähnlichen Lage wie mich gefunden haben. Jeder guter Link würde auch geschätzt werden.

EDIT:

Es wurde ein jQuery Coding Standards Abschnitt auf meiner eigenen Seite:

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

Answer 1

Sie können diesen Trend-Thema finden hier in StackOverflow.com

jQuery Fallen zu vermeiden

Sehr interessant nützliche Tipps hintereinander.

Hier sind einige weitere ich in meinem Lesezeichen gefunden:

• http: // paulirish. com / 2011/11-mehr-Sache-i-gelernt-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

Etwas, das ich persönlich begonnen haben, zu tun, ist eine Art eines Apps ungarischen Notation für jQuery-Sets, durch diese Variablen mit einem $ prefixing

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

Ich finde, dass als mein jQuery-Schnipsel wachsen, dies von unschätzbarem Wert wird nicht nur bei der Förderung der Speicherung von jQuery als Variablen setzt, aber mir Spur zu helfen, von denen Variablen sind eigentlich jQuery-Sets.

Answer 3

Dezente JavaScript (Trennung von Markup und Verhalten)

Zurück in den Tagen, war es üblich, Ihren Click-Handler in der Markup zu setzen. Jetzt wird es empfohlen, dass Sie nicht schreiben Sie Ihre JS-Code in Ihrem Markup aber sind es über DOM-Ereignisse.

Progressive Enhancement

bekommen Benutzer bessere Erfahrung, wenn sie gängige Standard-Browser verwenden und / oder ist Javascript aktiviert. Website / Web-Anwendung ist immer noch zugänglich, auch wenn sie älteren Browser oder hat JS deaktiviert.

Feature-Erkennung und nicht Browser-Erkennung

obige Punkte Keeping beiseite, würde ich wirklich darauf konzentrieren, die Botschaft zu übermitteln (den vorgefassten Begriff zu brechen), dass JavaScript Spielzeug Sprache ist. Ich habe zu viele Entwickler gesehen, die diese Art und Weise denkt und alles bergab. Sie müssen sie erklären, wie JavaScript eine sehr mächtige Sprache ist und warum sie eine JS-Bibliothek (wegen der Browser Inkonsistenzen) benötigen, obwohl JS selbst ist sehr mächtig.

Viel Glück.

Answer 4

Die Art und Weise, dass jQuery funktioniert, ist nicht die gleiche Art und Weise, dass JavaScript funktioniert, obwohl sie sind ein und dasselbe. jQuery arbeitet auf CSS-Selektoren, wie der Klassenname (n) und die ID der Elemente. Um ein Element in jQuery zu wählen, was Sie tun:

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

Und Sie werden eine Sammlung aller Elemente auf der Seite, die Ihren Kriterien entsprechen. Anschließend können Sie Ihre Aktionen auf alle diese Elemente ohne Looping jeglicher Art durchzuführen. Dies ist wichtig, sich daran zu erinnern:

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

alle Einzelteile mit .yourClass beeinflussen mit ihnen verbunden. Ein Tipp: Wenn Sie vorhaben, die $(this) zugreifen zu können, sollten Sie es als eine lokale Variable speichern:

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

, wie es beschleunigt Ihre Funktion.