Backbone概述

一 . 单页面应用

最近公司需要使用backbone来做一些单页面的应用，以前没有接触过backbone，所以马上找了极客学院的课程来学习。以下是学习的笔记。

单页面应用（Single Page Application）是指在浏览器中运行的应用，它们在使用期间不会重新加载页面。整个的应用就是一个页面，在初始化的时候加载html css 和 javascript等，利用javascript与用户交互，并改变页面的html内容。所以避免了页面的重新加载，可以为用户提供流畅的用户体验。

单页面应用的优缺点：

优点：

前后端分离： 前后端可以分别开发，提升了开发效率。

减轻服务器的压力：单页面应用中后端只需要储存数据就可以了，不再需要展示逻辑和页面合成。

更好的用户体验：减少了http请求，极大的提高了网页的响应速度，用户不必等待页面更新。

缺点：

SEO问题：搜索引擎只能抓取首页，不能抓取所有页面。

浏览历史问题：浏览历史不会被浏览器记录。

初次加载问题：单页面应用初次加载会下载js文件，所以有一个加载过程。

介绍了这么多，到底哪些项目是单页面应用？让我们来看一下：

Alibaba Message Center :http://message.alibaba.com

Trello :https://trello.com/

USA Today:http://usatoday.com/

DocumentCloud:http://www.documentcloud.org/

二 . Backbone

Backbone 是一个轻量级MVC JavaScript库。

MVC Model-View-Controller 三者之间的通信是单向的。

MVP Model-View-Presenter :与MVC的区别在于，各部分之间的通信都是双向的，view 与model不发生联系，通过presenter传递。view非常薄，不部署任何业务逻辑，presenter非常厚，所有的逻辑都部署在这里。

MVVC Model-View-ViewModel ：基本模式与MVP一样，只是将presenter改成了viewmodel，二者的不同之处在于：它采用了双向绑定，即view的变动，自动反应在viewmodel中。

backbone的学习资源：

Backbone API :http://backbonejs.org/

Backbone源码：https://github.com/jashkenas/backbone

Backbone ToDo:http://backbonejs.org/examples/todos/index.html

Backbone Learn Note :https://github.com/the5fire/backbonejs-learning-note

-