HTML5做移动开发一定要搞明白MPA 与 SPA 的差别

用HTML5做WEB与移动开发一定要搞明白MPA 与 SPA 的差别。刚开始可能会不明白，为什么习惯pc端web app开发，会发现Sencha Touch这样的框架，用起来有点别扭，老在想那熟悉的多页面开发方式，却总也找不到实现的接口。

也搞不明白， jQuery Mobile 学起来很容易，但是在手机上就是那么卡。其实搞清楚MPA 与 SPA 的差别，就全明白了。

MPA 与 SPA 的差别

卖了两个关子，终於要开始介绍如何开发 Web App 了，今天的主角就是 Sencha Touch，未来一系列文章也会把重点放在这里。开始之前先介绍一下，一般来说 Web 可以分成 MPA 与 SPA 两种风格：

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

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

今天在网络上找到这个独立博客，SOUL & SHELL BLOG

发现里面的内容相当棒，目前正在深入学习sencha touch移动开发，会很有帮助，找机会联系认识下这个博主。