什么是Backbone.js？
Backbone.js是十大JS框架之首，Backbone.js 是一个重量级js MVC 应用框架，也是js MVC框架的鼻祖。它通过Models数据模型进行键值绑定及custom事件处理，通过模型集合器Collections提供一套丰富的API用于枚举功能，通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互。简而言之，Backbone是实现了web前端MVC模式的js库
什么是MVC？
MVC：后端服务器首先（过程1）通过浏览器获取页面地址，对网址进行解析，得到视图View给它的一个网址，然后通过控制器controller进行解析，然后去找对应的数据（过程2），找到数据后，再将数据Model返回给控制器（过程3），控制器controller再对数据进行加工，最后返回给视图（过程4），即更新视图View。这种结构在后端是非常清晰且易实现的
Backbone中MVC的机制
Backbone将数据呈现为模型,你可以创建模型、对模型进行验证和销毁，甚至将它保存到服务器。 当UI的变化引起模型属性改变时，模型会触发"change"事件； 所有显示模型数据的视图会接收到该事件的通知，继而视图重新渲染。 你无需查找DOM来搜索指定id的元素去手动更新HTML。 — 当模型改变了，视图便会自动变化。———百度百科模式：一种解决问题的通用方法
—设计模式：工厂模式、适配器模式和观察者模式 —框架模式：MVC、MVP、MVVM 控制器：通过控制器来连接视图与模型。
MVC模式的思想：
就是把模型与视图分离，通过控制器来连接他们 服务器端MVC模式非常容易实现 Model：模型即数据，模型 是所有 js 应用程序的核心，包括交互数据及相关的大量逻辑： 转换、验证、计算属性和访问控制。你可以用特定的方法扩展 Backbone.Model
View：即你在页面上所能看到的视图。每一个单一的数据模型对应一个视图View
web页面本身就是一个很大的view，不太容易做到分离操作，backbone.js适合复杂的大型开发，并为我们解决了这些难题
backbone的模块
backbone有如下几个模块：- Events：事件驱动模块
- Model：数据模型
- Collection：模型集合器
- Router：路由器（对应hash值）
- History：开启历史管理
- Sync：同步服务器方式
- View：视图（含事件行为和渲染页面 相关方法）
集合器Collection是对单独的数据模型进行统一控制
直接创建对象
Backbone依赖于Underscore.js， DOM 处理依赖于 Backbone.View 和 jQuery ，因此，在引入Backbone.js之前，Underscore.js必须在它之前引入，而jQuery也最好一并引入，最后再引入Backbone.js静态方法其实就是多了一个命名空间。以上是给构造函数添加实例方法和静态方法
通过extend来为模型的构造函数扩展方法，M就是扩展之后的构造函数
继承
Backbone源码结构
1: (function() {
2: Backbone.Events // 自定义事件
3: Backbone.Model // 模型构造函数和原型扩展
4: Backbone.Collection // 集合构造函数和原型扩展
5: Backbone.Router // 路由配置器构造函数和原型扩展
6: Backbone.History // 路由器构造函数和原型扩展
7: Backbone.View // 视图构造函数和原型扩展
8: Backbone.sync // 异步请求工具方法
9: var extend = function (protoProps,classProps) { ... } // 自扩展函数
10: Backbone.Model.extend = Backbone.Collection.extend = Backbone.Router.extend = Backbone.View.extend = extend; // 自扩展方法
11: }).call(this);
JS MVC职责划分 M 模型
业务模型：业务逻辑、流程、状态、规则 （核心）数据模型：业务数据、数据校验、增删改查（AJAX）
V 视图
（核心）视图：定义、管理、配置 模板：定义、配置、管理 组件：定义、配置、管理 （核心）用户事件配置、管理 用户输入校验、配置、管理
C 控制器/分发器
（核心）事件分发、模型分发、视图分发 不做数据处理、业务处理，即业务无关 扩展：权限控制、异常处理等 C是JSMVC框架的核心，实现集中式配置和管理，可以有多个控制器
工具库
主要是异步请求、DOM操作，可以依赖于jQuery等
Model指的是一条一条的数据，而集合Collection指的是对Model中的多条数据进行管理。
模型 Model
我们用Backbone.Model表示应用中所有数据，models中的数据可以创建、校验、销毁和保存到服务端。对象赋值的方法 1、直接定义，设置默认值
2、 赋值时定义
对象中的方法
当模型实例化时，他的initialize方法可以接受任意实例参数，其工作原理是backbone模型本身就是构造函数，所以可以使用new生成实例：
看下backbone的源码：
Model 的事件绑定 为了能及时更新view，我们需要通过事件绑定机制来处理和响应用户事件：
<div class="jb51code">
<pre class="brush:js;">
<script type="text/javascript">
var Task = Backbone.Model.extend({
initialize: function () {
this.on("change:name",function (model) {
alert("my name is : " + model.get("name"));
});
}
});
var task = new Task({ name:"oldname",state:"working"});
task.set({name:"trigkit"});// object.on(event,callback,[context])
