Ich möchte eine JavaScript-Webanwendung für die Visualisierung entwickeln, in der verschiedene Grafiken mit Anmerkungen usw. gespeichert werden.
Ein typisches Beispiel wäre: Gegeben ein URL-Status, zeige zwei SVG-Graphen und einen Zeitschieberegler zur Manipulation zusammen mit einigen informativen Anmerkungen, die hier und da platziert sind.
Traditionell (und ich habe JS für einige Zeit nicht geschrieben), würde ich eine Art von modularem JS-Ansatz versuchen:
%Vor%... Ausbrechen der Datenverarbeitung, einige Dienstprogrammfunktionen, Zustand & amp; Layoutmanager etc.
Aber mit einer Fülle von Bibliotheken da draußen, sollte ich vielleicht meine Pferde halten und einen neuen Ansatz ausprobieren?
Code-Organisation?
- Wie oben oder mehr MVC mögen?
- Irgendwelche spezifischen Muster, die hilfreich wären?
(Pseudocode wird sehr geschätzt)
Statusbehandlung / Modelle?
- Backbone.js
- JavaScriptMVC
Ansichten?
- Gibt es gute Beispiele für JS Anwendungen mit SVG-Bibliotheken (D3, Raphaël etc.) zusammen mit einem mvc-Framework?
Compiler / Vereinheitlichung?
- Google Closure Compiler
- Jammit
IDE?
- Aptana Studio 3
- Netbeans
- Andere?
Desktopversion? (Kriterien: Datenspeicher, aktualisierbar usw.)
- LUFT
- Chrom eingebettetes
- XULrunner
- Titanium appcelerator
- andere Optionen?
Es tut mir leid, dass der Umfang dieser Frage ziemlich groß ist, aber ich denke, sie wird beantwortet, wenn Einblicke in diese Bereiche gewonnen werden. Also bitte hilf mir wählen ...
Wenn Sie MVC schon sehr gut kennen, können Sie Backbone gut gebrauchen. Es gab nur so viele Unbekannte mit wie man Frontend Javascript zu organisieren, wir gingen mit JavascriptMVC, die eine Menge der Entscheidungen für Sie trifft.
Nicht sicher, warum ich eine IDE verwenden würde .. TextMate & amp; Konsole funktioniert großartig für mich. NetBeans sah gut aus, als ich damit spielte. JetBrains RubyMine ist die höchste Qualität und bei weitem die beste IDE, aber es ist kommerziell.
BEARBEITEN Ja, JMVC ist den Aufwand für das, was es bietet, nicht wert. Backbone ist elegant und einfach. Das einzige Problem ist, wenn Sie Code-Strukturierung relativ neu sind, da Sie die Struktur Ihres Codes definieren müssen. Wenn Sie Schienen verwenden, kopieren Sie einfach die Organisation Ihrer Schienen App: Router / Ansichten / Vorlagen / Modelle /
Und natürlich eine separate Datei für jede Klasse. Dann benutze etwas, um alles zu benötigen, Ritzel, wenn du auf Rails 3.1 bist oder es wirklich magst, oder Jammit, wenn du auf 3.0.x bist.
Wenn Sie coffeescript verwenden, müssen Sie sich bewusst sein, dass Ihr Code wahrscheinlich in eine Schließung auf oberster Ebene eingeschlossen ist. Wenn Sie also Ihre Klassen entweder zu einem Top-Level-Hash hinzufügen müssen oder sie als window.Classname. ("This" ist eigentlich "window" auf der obersten Ebene, also können Sie es wie folgt deklarieren:
Klasse @Classname
) Viel Glück!
Code-Organisation? - Ich mache MVC wie in Schienen (App / Ansichten, Helfer, Controller, Modell) - Framework sollte IMO
zusammengefasst werdenZustand Handhabung / Modelle? - Backbone.js definitiv.
Ansichten? - Ich weiß nichts über Vis-Bibliothek. Für allgemeine Backbone-Ansichten und Templatings habe ich diese Sammlung erstellt, die dafür sorgt, dass die Ansichten basierend auf Ereignissen aus Ihrem Modell / Ihren Ansichten aktualisiert werden. Es spart viel Klebstoffcode.
Compiler / Vereinheitlichung? - Google Closure-Compiler - Jammit
Ich benutze Jammit mit Closure-Compiler als Backend. Mit Jammit können Sie Dateien effizient gruppieren / brechen.
IDE? Bis zu dir, je leichter, desto besser.
Desktop-Version? (Kriterien: Datenspeicherung, aktualisierbar etc.) Mit etwas Config können Sie jetzt Web-Anwendungen lokal ausführen. Ich denke, Sie können sich das stattdessen ansehen.
Tags und Links javascript web-applications backbone.js code-organization javascript-framework