MPA 与 SPA 的差别

MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计，早期的网站都是这样的设计，所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面，浏览器会不停的重载页面 (Reload)，整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中，使用者体验比较差，整体流畅度扣分。但进入门槛低，简单套个 jQuery Mobile 就可以完成。

SPA (Single-page Application) 顾名思义在 Web 设计上使用单一页面，利用 JavaScript 操作 Dom 的技术实现各种应用，现今在介面上算是非常受欢迎的设计，搭配 AJAX 使得整体介面反应速度相当迅速，并且能够实现各种丰富的使用者介面。典型的 gmail 就是最好的例子。缺点是学习门槛高，而 JavaScript 又有跨浏览器的问题，此外在不 Reload 页面的状况下，记忆体控制也变得更复杂与重要。