2009-05-16 5 views
9

Stellen Sie sich vor, Sie haben eine Reihe von Komponenten und Unterkomponenten in Ihrer Webanwendung. Sie möchten verfolgen, wie sich alle hinzugefügten benutzerdefinierten Ereignisse verhalten. Gibt es etablierte Möglichkeiten, diese Verhaltensweisen zu dokumentieren oder zu dokumentieren?Ordnungsgemäße Methode zum Dokumentieren oder Darstellen benutzerdefinierter Ereignismodelle im DOM

Hier sind einige Dinge, die die Dokumentation zeigen soll:

  1. Die eigentliche Verschachtelung der entsprechenden DOM-Elemente der verschiedenen Komponenten.
  2. Die Namen der Ereignisse und wo sie ausgelöst werden.
  3. Alle Nutzdaten, die an die benutzerdefinierten Ereignisse angehängt sind (z. B. der Inhalt von memo in einem benutzerdefinierten Prototyp-Ereignis.)
  4. Die Orte, an denen Ereignisse beobachtet werden.
  5. Zeigt an, welche Ereignisse als Reaktion auf andere Ereignisse ausgelöst werden.
  6. Wo Ereignisse erlaubt sind zu sprudeln und wo sie gestoppt werden.
+0

Große Frage! – Evert

Antwort

2

Ich habe noch nie von einem etablierten Dokumentationsstandard für Frontends von Webanwendungen gehört.

Da Sie die verschiedenen Aspekte Ihrer Anwendung identifiziert haben, die Sie verfolgen möchten, können Sie diese Informationen für jeden Ereignishandler in einem Docblock speichern und mithilfe der jsdoc toolkit Inline-Dokumente erstellen.

IMHO, ich denke, da Sie wissen, was Sie bereits dokumentieren möchten, sollten Sie Dokumentation in jedem Format erstellen, das für Sie am sinnvollsten ist, auch wenn es für Ihre App/Organisation völlig einzigartig ist. 8 Stunden auf stackoverflow ohne Antworten müssen bedeuten, dass es keine Standardantwort gibt;)

+0

Okay, danke. Ich könnte versuchen, ein UML-Diagramm irgendwie anzupassen oder etwas Neues zu finden. Ich werde hier teilen, egal. –

2

Ehrlich gesagt, ich liebte Visual Modeler, und wenn MS es für Visio abgeladen hatte, war ich etwas enttäuscht.

Das gesagt, Visio ist immer noch ein großartiges Werkzeug, und Sie können es zum Erstellen von Objektmodellen von Komponenten und Definieren von Ereignissen, Eigenschaften, Methoden usw. verwenden. Es hat einige eingebaute Funktionalität für UML-Designs und alle.

Aber ich muss am Ende sagen, ich am Ende mit Notepad oder MS Word enden. Je nachdem, wie ausführlich Sie mit Ihrer Dokumentation sein möchten, passt das Eintippen von Notizen oder eine Beschreibung für eine Komponente nie wirklich in ein DOM-Tool, aber Sie können in einem Word-Dokument wie ein Verrückter fett, tabellarisch, list und kursiv schreiben .

Klingt traurig, aber es ist wahr!

+0

Das klingt vielversprechend. Gibt es eine bestimmte Art von UML-Diagramm, die gut funktionieren würde, und können Sie mit einem Beispiel verknüpfen? Eine Sache, die spezifisch für die Web-Frontend-Welt ist, ist die Art und Weise, wie die Ereignisse ins Rollen kommen. Dies scheint über die meisten einfachen Objektmodelldiagramme hinauszugehen, die ich gesehen habe. –

+0

Komponentendiagramme scheinen nahe zu kommen, modellieren aber nicht die sprudelnden Aspekte: http://advanceduml.wordpress.com/the-unified-modeling-language/component-diagrams/ –

+0

Ich kenne keine gute Seite mit Screenshots oder etwas anderes, aber das "UML Model Diagram" (Visio 2007) ist das mit allen Ereignissen, Eigenschaften und Methoden. – Mxyzptlk