单页Web套用（single page web application，SPA），就是只有一张Web页面的套用。单页应用程式 (SPA) 是载入单个HTML 页面并在用户与应用程式互动时动态更新该页面的Web应用程式。浏览器一开始会载入必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页套用来说模组化的开发和设计显得相当重要。

速度：更好的用户体验，让用户在web app感受native app的速度和流畅，

·MVVM：经典MVVM开发模式，前后端各负其责。

·ajax：重前端，业务逻辑全部在本地操作，数据都需要通过AJAX同步、提交。

·路由：在URL中採用#号来作为当前视图的地址,改变#号后的参数，页面并不会重载。

单页Web套用（single page web application，SPA）是当今网站开发技术的弄潮儿，很多传统网站都在或者已经转型为单页Web套用，新的单页Web套用网站（包括移动平台上的）也如雨后春笋般涌现在人们的面前，如Gmail、Evernote、Trello等。如果你是一名Web开发人员，却还没开发过或者甚至是没有听说过单页套用，那你已经Out很久了。

单页Web套用和前端工程师们息息相关，因为主要的变革发生在浏览器端，用到的技术其实还是HTML+CSS+JavaScript，所有的浏览器都原生支持，当然有的浏览器因为具备一些高级特性，从而使得单页Web套用的用户体验更上一层楼。关于单页套用的优点和缺点，网上讲解的文章有很多，这里就不展开论述了。 单页Web套用，顾名思义，就是只有一张Web页面的套用。浏览器一开始会载入必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面上完成，这一切都由JavaScript来控制。因此，单页Web套用会包含大量的JavaScript代码，複杂度可想而知，模组化开发和设计的重要性不言而喻。

SPA协调的起点是认识到SPA与脚本和网页编程有关，而不是与后端套用有关。SPA的主要目标是围绕着Web 2.0页面时间互动原则重构Web套用，以便体验可容易地转化到多个设备中，并对用户有效。这意味着首先要抱着支持这样一个逻辑活动为目标来设计用户互动，该活动应该涉及单页面与一套脚本，实现一次载入并执行直到活动完成。

一旦用户互动设计完成，下一步就是框定一个本地状态或事件模型，该模型应能描述页面处理与用户的互动及与任何后端套用互动。儘管这并非不可能，但是开发与伺服器端功能多组件互动的SPA会更加困难。

这会产生一种要对套用伺服器进行重构的诱因，其目的是为了以1:1的比例来支持SPA。就最大程度上而言，该模型应该让自己的变数及命名空间本地化，并通过套用的伺服器端与其他SPA互动。这是为了减少对于用本地SPA控制器或模型来在多个SPA之间保留状态的需求。