当我们使用jQuery时大部分时间是聚焦于Dom节点的处理，给Dom节点绑定事件等等；前端mvc框架backbone则如何呢？
M－Model,Collection等，是聚焦于数据的处理，它把与后台数据的交互封装好，然后我们使用时可以给数据的变化绑定事件，可以相应的去更新到Dom(这里是View)
V－View(Marionette扩展了，有ItemView,CollectionView,CompositeView和LayoutView)，则聚焦于处理Dom节点
C－Controller: Router(Marionette扩展了，有Controller) 用于解释URL的路由，监听URL变化然后，取相应的Model并更新相应的View
总的来说使得以前要编写复杂的数据与Dom节点交互代码变得简单，可配置，明了。
下面是两个数据处理的模块
js/models/Todo.js
/*global define */
define([
'backbone',
'localStorage'//backbone localStorage插件块，用来提供Restful API，只不过数据是以html5的local storage形式存储，当后台使用
], function (Backbone) {
'use strict';
return Backbone.Model.extend({
localStorage: new Backbone.LocalStorage('todos-backbone'),//用于访问local storage 可以不用理它
defaults: {//todo model默认的数据形式
title: '',
completed: false,
created: 0
},
initialize: function () {//model初始化时如果是新的则更新到后台数据库（这里是新增到local storage）
if (this.isNew()) {
this.set('created', Date.now());
}
},
toggle: function () {//todo model向外提供的改状态(completed:true/false)的函数，可以看到在TodoItemView.js会引用此函数
return this.set('completed', !this.get('completed'));
}
});
});
js/collections/TodoList.js
/*global define */
define([
'backbone',
'models/Todo',
'localStorage'
], function (Backbone, Todo) {
'use strict';
return Backbone.Collection.extend({
model: Todo,//collection数据集的个体model是Todo
localStorage: new Backbone.LocalStorage('todos-backbone'),
getCompleted: function () {//TodoList collection向外提供获取completed为true的数据集的函数，可以看到在CompletedCount.js会引用此函数
return this.where({completed: true});
},
getActive: function () {//TodoList collection向外提供获取completed为false的数据集的函数，可以看到在ActiveCount.js会引用此函数
return this.where({completed: false});
},
comparator: 'created'//model的排序是按created来排序，也可以调用collection.sort([options])来强制排序
});
});