Javascript Backbone.js的工作原理图？

在完全摸索的过程中。是否有代表主干架构全部范围的可视化资源或图表？您还可以推荐其他资源吗？谢谢

看看@Anton对这个问题的回答：

你真的不需要花太多的时间在架构上——它是一个框架，可以用来帮助使用简单的OO构造或基于事件的设计来组合。基本上只有4组类（可以这么说）

模型—以restful方式（使用JSON/ajax）存储/操作并与服务器同步所需的实际数据

集合-帮助您存储模型列表，并使用精彩的下划线.js帮助使用各种操作对其进行迭代，从而使您的生活更加轻松

视图-帮助分离关注点。您将渲染操作限制在此类中，并将其用作“控制器”——捕获事件并对模型执行操作。或者侦听模型或集合的事件，以便在基础模型更改时更新视图

路由器-根据url片段，您可以选择“路由”应用程序逻辑-粗略地说。根据url片段，您可以选择要调用的函数，以便根据逻辑有效地“路由”到正确的方法集

您遵循所有OO设计实践，以帮助更好地设计—基本上有助于组织代码并分离它们的关注点。试着这样做：对于最简单的hello world应用程序，绘制一个UML类图，将hello world的“呈现”与“存储字符串”分开——你会惊讶于主干如何帮助你在javascript中实现同样的功能

主干网可以说是jquery最好的朋友，因此您可以“组织”代码并使用jquery查询DOM。查询的样式依赖于上下文。假设有以下多个div

<div class="helloClass">
<div class="innerHello"> Hello World 1</div>
</div>

<div class="helloClass">
<div class="innerHello"> Hello World 2</div>
</div>

<div class="helloClass">
<div class="innerHello"> Hello World 3</div>
</div>
...

一个这样做的例子。使搜索DOM更快。你也可以这样做

var text = $('.innerHello', this.el).text();

希望这有助于澄清问题。也可以查看上面链接的答案……这是一个很好的解释

---

接下来：

罗恩的图表很酷，我想添加一组您将在中找到的图表。从这张精确的幻灯片到最后，非常完整，非常直观

---

希望有帮助

可能重复：欢迎您查看我的演示文稿-它有非常简单的图表，可以解释主干网的体系结构。虽然我没有在演示中解释路由器的任何内容，但这应该不是问题，因为它是主干网最简单的部分。

var text = $('.innerHello', this.el).text();