Welche Kodierungskonventionen helfen jQuery und Firebug bei der Zusammenarbeit?

Question

Ich bin ziemlich neu in beiden Tools und muss hardcore mit beiden gehen, wie ich den Designprozess einer neuen Website verwalten, überwachen und optimieren. Welche Art von Strategien sollte ich implementieren, die eine gute Grundlage für das Debugging, Testen und Logging bilden?

[in das Maße, Back-End-Sachen eine Rolle spielen können - es ist MVC .net thx

Answer 1

Zunächst einmal stellen Sie sicher, dass Sie Firebug's docs gelesen haben. Einige der Befehle funktionieren auch mit anderen Tools.

Eine einfache search query zeigt Ihnen alle verfügbaren Erweiterungen für Firebug. Wie einige Leute erwähnt haben - einige von ihnen sind sehr hilfreich.

Es ist auch wichtig, sich nicht auf ein einziges Tool zu beschränken, da Sie höchstwahrscheinlich für mehrere Browser entwickeln werden. Sehen Sie sich also auch die Webkits-Entwickler-Tools (Safari, Chrome) an.Hier ist ein good article, der die beliebtesten Entwicklungs-/Debug-Tools zusammenfasst.

Sie könnten herausfinden, wie jQuery/jQuery-Plugins strukturiert/organisiert sind, so dass Sie eine allgemeine Idee haben, wie Sie Ihren eigenen JavaScript/jQuery-Code organisieren können. Es kommt darauf an, wie stark JavaScript Ihre Anwendung ist. Wenn jQuery hier und da nur einige visuelle Verbesserungen und nur einige wenige Ajaxified-Seiten zur Verfügung stellt, stört es nicht. Auf der anderen Seite, wenn es sehr JavaScript-lastig ist (wie in viel mehr Site-Logik auf Client-Seite dann auf Backend) würde ich Prototype über jQuery vorschlagen, aber es ist nur meine Meinung.

Sie könnten automatische Tools verwenden, um Ihr JavaScript zu erstellen, wenn Sie viel Code haben. Zum Beispiel:

• Sprockets
• Juicer

auf Produktionsserver möchten Sie mit möglichst wenigen JavaScript-Dateien wie möglich beenden und stellen Sie sicher em zu komprimieren.

Wenn Sie mehr Links zu Artikeln/Tools für Javascript schwere Anwendungen interessiert sind, lassen Sie einen Kommentar. Ich versuche gerade, im Moment am Thema zu bleiben.

Answer 2

Ich würde nur eine kleine Warnung mit Firebug-Netzwerk-Monitor und AJAX zusammen geben. Wenn es aktiviert ist, schreibt es einige HTTP-Header um und bricht die Sachen schlecht (gut es auch verwendet, nicht sicher mehr).

Also wenn alles Affen geht. Überprüfen Sie, ob die Netzwerküberwachung deaktiviert ist.

Answer 3

Ich würde Firebug verwenden, um zu sehen, wie die Dinge mit ein paar Firebug Add-ons funktionieren.

Ich würde YSlow verwenden, um zu überprüfen, dass Sie nicht zu viel herunterladen und es wird Vorschläge machen, wenn Sie nicht verkleinern und gzipping Ihr Javascript.

Ich würde auch verwenden FireQuery als das hebt jQuery sehr schön in Firebug. Ich benutze es heutzutage sehr viel, um zu sehen, was es feuern sollte.

Firebug schreibt XHRequests nicht mehr um, aber es gibt einen Fehler im neuesten Firefox/Firebug, der lange laufende XHR-Aufrufe blockieren kann. Details here

Answer 4

Ich schlage auch vor, dass Sie FireUnit Addon installieren. Es hilft Ihnen bei der Arbeit mit QUnit Unit Tests. Das ist natürlich, wenn Sie Unit-Tests schreiben wollen, aber in den meisten Fällen ist das eine sehr gute Idee.

Answer 5

Ich werde auch für Werkzeuge hinzufügen FireCookie, da es sehr gut mit $.cookie geht.

Wenn ich jQuery-Code debuggen verwende ich das NET-Panel viel in Firebug für alle Ajax-Anfragen. Sehr hilfreich, um zu sehen, was Sie senden und was Sie erhalten.

Auch ich benutze viel die comand line, um Codeschnipsel zu testen.

Sie können nicht ohne die console. Es wird sehr hilfreich sein. Beispiel:

$.get('url.php', {}, 
    function(data){ 
     $.each(data, function(x){ 
      console.log(x); // will log each x object to see what it contains 
     }); 
    }, 'json' 
); 

Answer 6

So viel wie Sie Firebug, Safari Developer Tools sind auch sehr mächtig, und lohnt sich lieben könnte. Es ist alles, was ich benutze, wenn ich etwas entwickle.

Erwähnenswert ist, dass die JavaScript-Engine von Safari immer noch schneller ist als die von FFX, während Chrome die Oberhand behält. Sie spielen jedoch Aufholjagd, also ist es wirklich nicht wichtig, sich darum zu kümmern.