Backbone是一个前端 js 代码 MVC 框架，但它并不是严格意义上的Model, View, Controller（这一点我将在实例中解答）。它不可取代 jquery，不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。
Backbone：
- 强制依赖于Underscore.js，所以引入backbone.js之前必须先引入Underscore.js。Underscore.js 是一个实用型工具库；
- 非强制依赖于 jQuery/Zepto；
- 根据模型的变更自动更新应用程序的 html，有助于代码维护；
- 促进客户端模板使用，避免了在 JavaScript 中嵌入 HTML 代码。
接下来的教程中我将用backbone实现一个简单的通讯录应用，具体的页面效果我已做好：
Backbone通讯录教程页面
通讯录功能分析：
- 通讯录页面可添加、修改、删除联系人（批量删除）、搜索联系人
- 联系人修改后点击保存统一提交到服务器
- 右上方的实时显示联系人个数
页面MVC划分：
-
页面所用的views、models、collections统一放在命名空间contact下面，即：
http://www.gaodaima.com/30682.html
var Contact = { Models: {}, Collections: {}, Views: {} }; -
页面两个view(mainview,memberview),一个collection用来存放联系人集合，一个model用来存放联系人模型，即：
Contact.Models.Member Contact.Collections.Member Contact.Views.Member Contact.Views.Main -
教程开始数据直接用浏览器的localstorage来存放联系人，由于低版本的浏览器不支持localstorage，所以这里我用backbone.localStorage.js。后期将会用node.js来作后端支持，所以也将会有node.js的教程，同时会用到sea.js来动态加载js库。
今天的教程到此为止，大家敬请期待！
欢迎大家阅读《Backbone实战教程（一）_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Backbone实战教程（一）_js
转载请注明原文链接：Backbone实战教程（一）_js
