Javascript 在DOM中记录或绘制自定义事件模型的正确方法

假设您的web应用程序中有一组组件和子组件。您希望跟踪添加的所有自定义事件的行为。是否有既定的方法来图解或记录这些行为

以下是文档应显示的一些内容：

各种组件的相关DOM元素的实际嵌套

事件的名称以及从何处触发

附加到自定义事件的任何有效载荷（例如，原型自定义事件中的

备忘录

的内容。）

观察事件的地方

指示为响应其他事件而触发的事件

在哪里允许事件冒泡，在哪里停止事件

---

我从来没有听说过为web应用程序前端建立文档标准

也就是说，由于您已经确定了要跟踪的应用程序的不同方面，因此可以将这些信息保存在每个事件处理程序的docblock中，并使用生成一些内联文档

---

IMHO，我认为既然你已经知道你想要记录的是什么，你应该可以自由地以任何对你最有意义的格式创建文档，即使它对你的应用程序/组织来说完全是独一无二的。在stackoverflow上工作8小时而没有答案必须意味着没有标准答案；）

老实说，我以前很喜欢VisualModeler，当微软把它卖给Visio时，我有点失望

也就是说，Visio仍然是一个很好的工具，您可以使用它创建组件的对象模型，定义事件、属性、方法等。它具有一些用于UML设计和所有功能的内置功能

但我必须说，最后，我通常会用记事本或MS word来结束。 根据您对文档的详细程度，为组件键入注释或描述并不适合任何类型的DOM工具，但您可以像Word文档中的疯子一样使用粗体、制表符、列表和斜体

---

听起来很悲伤，但这是真的

这听起来很有希望。是否有一种特定类型的UML图可以很好地工作，您可以链接到一个示例吗？网络前端世界特有的一件事是事件如何产生泡沫；这似乎超出了我所见过的最简单的对象模型图。组件图似乎很接近，但不要对冒泡的方面进行建模：我不知道有哪个网站有截图或任何东西，但“UML模型图”（Visio 2007）是一个包含所有事件、属性和方法的网站。好的，谢谢。我可能会尝试调整某种UML图，或者想出一些新奇的东西。不管怎样，我都会在这里分享。