骨干是...
...一个很小的组件库，可用于帮助组织代码。它打包为一个JavaScript文件。除注释外，它的实际JavaScript少于1000行。它写得很明智，您可以在几个小时内阅读全部内容。
这是一个前端库，您可以在脚本中将其包含在网页中。它只会影响浏览器，对服务器的影响很小，只是理想情况下应该公开一个宁静的API。
如果您有API，则Backbone具有一些有用的功能，可以帮助您与之交谈，但是您可以使用Backbone向任何静态HTML页面添加交互性。
骨干是...
...将结构添加到JavaScript。
因为JavaScript不强制执行任何特定的模式，所以JavaScript应用程序很快就会变得非常混乱。任何在JavaScript中构建过琐碎事物的人都可能遇到以下问题：
- 我将数据存储在哪里？
- 我将功能放在哪里？
- 我将如何将我的功能连接在一起，以便以一种明智的方式调用它们，而不会变成意大利面条？
- 如何使此代码可由其他开发人员维护？
Backbone试图通过给您以下问题来回答这些问题：
- 模型和集合可帮助您表示数据和数据集合。
- 视图，以帮助您在数据更改时更新DOM。
- 一个事件系统，使组件可以相互侦听。这样可以使您的组件保持解耦，并防止意大利面条化。
- 最少的明智约定，因此开发人员可以在同一代码库上一起工作。
我们称其为MV *模式。型号，视图和可选附加件。
骨干很轻
尽管最初出现了，但是Backbone的重量却非常轻，几乎没有任何作用。它所做的工作非常有帮助。
它为您提供了一组可以创建的小对象，这些小对象可以发出事件并相互监听。例如，您可以创建一个小对象来表示评论，然后创建一个小commentView对象来表示评论在浏览器中特定位置的显示。
您可以告诉commentView收听评论，并在评论更改时重绘自身。即使您在页面的多个位置显示了相同的注释，所有这些视图也可以收听相同的注释模型并保持同步。
即使您的代码库在很多交互作用下变得很大，这种方式的代码编写方法也有助于避免纠结。
楷模
开始时，通常将数据存储在全局变量中或作为数据属性存储在DOM中。这两个都有问题。全局变量可以相互冲突，并且通常是错误的形式。存储在DOM中的数据属性只能是字符串，您将不得不对其进行解析。存储诸如数组，日期或对象之类的东西，并以结构化形式解析数据非常困难。
数据属性如下所示：
<p data-username="derek" data-age="42"></p>
Backbone通过提供一个Model对象来表示您的数据和相关方法来解决此问题。假设您有一个待办事项列表，那么您将有一个模型来代表该列表中的每个项目。
更新模型后，它将触发一个事件。您可能具有与该特定对象关联的视图。该视图侦听模型更改事件并重新渲染自身。
观看次数
骨干网为您提供了与DOM对话的View对象。所有操作DOM或侦听DOM事件的函数都在这里。
视图通常实现一个渲染功能，该功能可以重绘整个视图或视图的一部分。没有义务实现渲染功能，但这是一个通用约定。
每个视图都绑定到DOM的特定部分，因此您可能有一个searchFormView（仅侦听搜索表单）和shoppingCartView（仅显示购物车）。
视图通常还绑定到特定的模型或集合。当模型更新时，它将触发视图侦听的事件。他们可能会调用该视图来重绘自身。
同样，当您键入表单时，您的视图可以更新模型对象。然后，每个其他监听该模型的视图都将调用其自己的渲染函数。
这使我们可以清晰地分离关注点，从而使我们的代码保持整洁。
渲染功能
您可以按照自己认为合适的任何方式实现渲染功能。您可能只是将一些jQuery放在此处以手动更新DOM。
您也可以编译模板并使用它。模板只是带有插入点的字符串。您将其与JSON对象一起传递给编译函数，然后获取可以插入到DOM中的已编译字符串。
馆藏
您还可以访问存储模型列表的集合，因此todoCollection将是todo模型的列表。当某个集合获得或失去模型，更改其顺序或更新集合中的模型时，整个集合都会触发一个事件。
视图可以侦听集合并在集合更新时自动更新。
您可以向集合中添加排序和过滤方法，例如使其自动排序。
和将一切联系在一起的活动
应用程序组件应尽可能彼此分离。它们使用事件进行通信，因此shoppingCartView可能会侦听shoppingCart集合，并在添加购物车时重新绘制自身。
shoppingCartView.listenTo(shoppingCart, "add", shoppingCartView.render);
当然，其他对象也可能也在监听购物车，并且可能会执行其他操作，例如更新总计或将状态保存在本地存储中。
- 视图会监听模型，并在模型更改时进行渲染。
- 当集合中的项发生更改时，视图会侦听集合并呈现列表（或网格，地图等）。
- 模型会监听视图，因此它们可以更改状态，也许是在编辑表单时。
这样将对象解耦并使用事件进行通信意味着您永远不会纠结，添加新组件和行为也很容易。您的新组件只需要侦听系统中已经存在的其他对象。
约定
为Backbone编写的代码遵循一组宽松的约定。DOM代码属于视图。集合代码属于集合。业务逻辑进入模型。另一位使用您的代码库的开发人员将能够开始工作。
总结一下
Backbone是一个轻量级的库，可为您的代码提供结构。组件是分离的，并通过事件进行通信，因此您不会陷入混乱。您可以轻松地扩展代码库，只需创建一个新对象并使其适当地侦听现有对象即可。您的代码将更加简洁，美观和可维护。
我的小书
我非常喜欢Backbone，以至于我写了一些介绍性的书。您可以在此处在线阅读：http：//nicholasjohnson.com/backbone-book/
我还将资料分解为一个简短的在线课程，您可以在这里找到：http : //www.forwardadvance.com/course/backbone。您可以在大约一天的时间内完成课程。