47、使用Backbone.js创建单页应用：从基础到实战

使用Backbone.js创建单页应用：从基础到实战

1. Backbone.js组件概述

Backbone.js允许开发者将代码拆分成小块，以下是其主要组件的介绍：
- 模型（Model） ：代表应用程序的数据对象，具有属性和方法，用于验证数据、初始化属性以及通知服务器模型的更改。例如，在Todos管理器应用中，一个Todo条目就是一个模型，具有标题、位置和完成状态等属性。

var todo = Backbone.Model.extend({
    position: 1,
    title: '',
    done: false
});

• 集合（Collection） ：一组模型的集合，用于组织和操作其中的模型。在Todos管理器应用中，需要一个集合来将Todos分组，以便将它们表示为一个唯一的列表。

var todoList = Backbone.Collection.extend({
    model: todo
});

• 视图（View） ：响应DOM事件，执行一个或多个方法，通常与特定模型绑定。视图帮助保持DOM与数据同步，并编写数据展示背后的逻辑。视图不包含HTML代码，HTML代码写在模板中，由其他JavaScript库（如Mustache.js或Underscore.js）管理。 <