Backbone.js 是一个轻量级的 JavaScript 库,用于构建结构化的 Web 应用程序。它基于 MVC(Model-View-Controller)设计模式,适用于需要客户端路由、模型管理与视图同步的单页应用(SPA)。
Backbone 主要包含以下四个核心模块:
以下是一个基本的 Backbone 应用片段:
// 定义模型
var Task = Backbone.Model.extend({
defaults: { title: '未命名任务', done: false }
});
// 定义集合
var TaskList = Backbone.Collection.extend({
model: Task
});
// 定义视图
var TaskView = Backbone.View.extend({
tagName: 'li',
template: _.template('<%= title %> <% if (done) { %>(已完成)<% } %>'),
render: function() {
this.$el.html(this.template(this.model.toJSON()));
return this;
}
});
Backbone 适合以下场景: