标签：
一、单页面应用
1、单页面应用（single-page application ：SPA），是指在浏览器中运行的应用，在使用期间不会重新加载页面。
2、它所有的活动局限于一个Web页面，仅在初始化加载时对应的HTML、JavaScript和CSS。一旦加载完成，SPA不会因为用户的操作而重新加载页面或者跳转。它是通过JavaScript动态变换HTML的内容，避免页面的重新加载，提供更具流畅性的用户体验。
3.1、优点：前后分离，可以同时前后端的开发；减轻服务器的压力；更好的用户体验。
3.2、缺点：SEO问题，由于是只有一个页面，搜索引擎在抓取数据的话只会抓取首页，其他跳转界面不会被抓取；
浏览历史问题，也无浏览器记录，前进后退需要程序管理；
初次加载问题。
二、Backbone 简介
1、BackBone 是由Jerry Ashkenas 创建的轻量级MVC JavaScript库，有两个特点：
强制依赖Underscore.js
非强制依赖于jQuery/Zepto
2、以下是架构图：
当用户在浏览器输入我们想要访问的地址的时候，router就会监听到URL的hash值的改变，然后会匹配到相应的View界面，这个时候View就会告诉Model或者Collection，表明自己需要数据来轩然我们的页面，然后Model和Collection就去对应的数据请求。拿到数据之后就返回给View，然后渲染页面。
三、几种框架的简单介绍
1、MVC 框架Model - View - Controller
· 视图（View） 用户界面：传送指令到控制器
· 控制器（Controller）业务逻辑：控制器完成业务逻辑后，要求model改变状态
· 模型（Model）数据保存：将新数据发送到View，用户得到反馈
2、MVP 框架Model - View - Presenter
· 各部分之间的通信都是双向的
· View与Model不发生直接的联系，主要通过Presenter传递
· View非常薄，不部署任何业务逻辑
· Presenter非常厚，部署所有的业务逻辑
3、MVVM框架：Model - View - ViewModel
· MVVM 模式将Presenter 改名为ViewModel，基本上与MVP模式完全一致
· 区别是，它采用的是双向绑定模式（data Binding）View 的改动会自动反映在ViewModel上，反之亦然
· 比如说View中的数据发生改变，不需要通知ViewModel，ViewModel自己就会获取改变，同样，Model改变，ViewModel不需要通知View，View自己就会知道。
标签：
原文地址：http://www.cnblogs.com/daomul/p/4808050.html
