Backbone 简介

Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。
其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESRful JSON接口连接到应用程序。

Backbone.Events(事件)

1. on()

this.$el.on("click", ".J_adultCount", $.proxy(this.changeAdultNum, this));

2. off()

// Removes just the `onChange` callback.
object.off("change", onChange);

// Removes all "change" callbacks.
object.off("change");

// Removes the `onChange` callback for all events.
object.off(null, onChange);

// Removes all callbacks for `context` for all events.
object.off(null, null, context);

// Removes all callbacks on `object`.
object.off();

3. trigger()
   触发给定 event或用空格隔开的事件的回调函数。后续传入 trigger 的参数会传递到触发事件的回调函数里。

4. once()
   下次不在触发了，用这个方法

5. listenTo()
   使用这种形式的优点是：listenTo允许 object来跟踪这个特定事件，并且以后可以一次性全部移除它们。callback总是在object上下文环境中被调用

this.listenTo(this.model, 'change', this.render);

6. stopListening()
   让 object 停止监听事件

7. listenToOnce()
   事件触发一次后callback将被移除

Backbone.Model(模型)

Models（模型）是任何Javascript应用的核心，包括数据交互及与其相关的大量逻辑： 转换、验证、计算属性和访问控制

var Sidebar = Backbone.Model.extend({
  promptColor: function() {
    var cssColor = prompt("Please enter a CSS color:");
    this.set({color: cssColor});
  }
});

window.sidebar = new Sidebar;
sidebar.on('change:color', function(model, color) {
  $('#sidebar').css({background: color});
});

sidebar.set({color: 'white'});

sidebar.promptColor();

1. extend
   要创建自己的 Model 类，你可以扩展 Backbone.Model 并提供实例 properties(属性) ， 以及可选的可以直接注册到构造函数的classProperties(类属性)。

2. constructor / initialize
   当创建model实例时，可以传入 属性 (attributes)初始值，这些值会被 set （设置）到 model。 如果定义了 initialize 函数，该函数会在model创建后执行。

3. get model.get(attribute)
   从当前model中获取当前属性(attributes)值，比如： note.get("title")

4. set model.set(attributes, [options])
   如果任何一个属性改变了model的状态，在不传入 {silent: true} 选项参数的情况下，会触发 "change" 事件，更改特定属性的事件也会触发

5. escape model.escape(attribute)
   与 get 类似，只是返回的是HTML转义后版本的model属性值。如果从model插入数据到HTML，使用 escape 取数据可以避免 XSS 攻击。

var hacker = new Backbone.Model({
  name: ""
});

hacker.get('name') ==> 
hacker.escape('name') ==> 

6. has model.has(attribute)
   属性值为非 null 或非 undefined 时返回 true。

if (note.has("title")) {
  ...
}

7. unset model.unset(attribute, [options])
   从内部属性散列表中删除指定属性(attribute)。如果未设置 silent 选项，会触发 "change" 事件。

8. clear model.clear([options])
   从model中删除所有属性， 包括id属性。如果未设置 silent 选项，会触发 "change" 事件。

9. id
   id是model的特殊属性，可以是任意字符串（整型 id 或 UUID）。在属性中设置的 id 会被直接拷贝到model属性上。 我们可以从集合（collections）中通过 id 获取model，另外 id 通常用于生成model的 URLs。

10. model.cid
    model的特殊属性，cid 或客户 id 是当所有model创建时自动产生的唯一标识符

11. attributes model.attributes
    attributes 属性是包含模型状态的内部散列表 — 通常（但不一定）JSON对象的形式表示在服务器上模型数据 。

12. changed model.changed
    changed属性是一个包含所有属性的内部散列，自最后 set 已改变。
    请不要直接更新 changed，因为它的状态是由set内部维护。

13. defaults
    defaults 散列（或函数）用于为模型指定默认属性。 创建模型实例时，任何未指定的属性会被设置为其默认值。
    在 Javascript 中，对象是按引用传值的，因此如果包含一个对象作为默认值，它会被所有实例共享。可以定义 defaults为一个函数取代。

14. toJSON model.toJSON([options])
    返回一个模型的 attributes 浅拷贝副本的 JSON 字符串化形式。

15. sync model.sync(method, model, [options])
    使用 Backbone.sync 可以将一个模型的状态持续发送到服务器。 可以自定义行为覆盖。

16. clone model.clone()
    返回该模型的具有相同属性的新实例。

17. isNew model.isNew()
    模型是否已经保存到服务器。 如果模型尚无 id，则被视为新的。

18. hasChanged model.hasChanged([attribute])
    标识模型从上次 set 事件发生后是否改变过。
    如果传入 attribute ，当指定属性改变后返回 true。

19. previous model.previous(attribute)
    在 "change" 事件发生的过程中，本方法可被用于获取已改变属性的旧值。

20. previousAttributes model.previousAttributes()
    返回模型的上一个属性的副本。一般用于获取模型的不同版本之间的区别，或者当发生错误时回滚模型状态。

Backbone.View（视图）

1. extend Backbone.View.extend(properties, [classProperties])
   开始创建自定义的视图类。 通常我们需要重载 render 函数，声明 events， 以及通过 tagName, className, 或 id 为视图指定根元素。

var DocumentRow = Backbone.View.extend({

  tagName: "li",

  className: "document-row",

  events: {
    "click .icon":          "open",
    "click .button.edit":   "openEditDialog",
    "click .button.delete": "destroy"
  },

  initialize: function() {
    this.listenTo(this.model, "change", this.render);
  },

  render: function() {
    ...
  }

});

直到运行时， 像tagName, id, className, el, 和 events这样的属性也可以被定义为一个函数，

2. el view.el
   所有的视图都拥有一个 DOM 元素（el 属性），即使该元素仍未插入页面中去。

3. $el view.$el
   一个视图元素的缓存jQuery对象。 一个简单的引用，而不是重新包装的DOM元素。

Utility（实用功能）

1. Backbone.$ Backbone.$ = $;
   如果页面上有多个jQuery副本， 或者只是想告诉Backbone使用特定对象作为其DOM / Ajax库， 那么这个属性可以为您服务。 如果您正在使用CommonJS加载Backbone （例如，节点，组件，或browserify） 您必须手动设置该属性。

var Backbone.$ = require('jquery-1.9.0');

Backbone.Collection（集合）

1. extend Backbone.Collection.extend(properties, [classProperties])
   通过扩展 Backbone.Collection 创建一个 Collection 类。实例属性参数 properties 以及 类属性参数 classProperties 会被直接注册到集合的构造函数。

2. model collection.model
   覆盖此属性来指定集合中包含的模型类。可以传入原始属性对象（和数组）来 add, create,和 reset，传入的属性会被自动转换为适合的模型类型。

var Library = Backbone.Collection.extend({
  model: Book
});