1.1　单页应用的出现

随着移动电话的普及和微信的流行，很多的Wap（H5）应用也随之出现了。

手机硬件的特点有：

·　硬件设备差。同主频的手机CPU性能往往是台式机的几分之一（手机的供电与台式机设备相差很远）。

·　网络速度慢。手机移动网络在很多时候下载速度只有几百兆，打开一个微信中的网页可能也要很久。

因此，使用传统的Webpack技术开发的网页在手机端的表现往往特别差。传统技术的特点是：

·　单击某个链接／按钮，或者提交表单后，Webpack页面整体刷新。

·　JS/CSS的请求很多。

每次页面整体刷新，都会导致浏览器重新加载对应的内容，特别“卡顿”。另外，加载的内容也很多。很多传统页面的CSS/JS多达上百个，每次打开页面都需要发送上百次请求。

苹果的机器表现还好，iOS设备打开Web页面速度很快；Android设备则大部分都很慢。这个是由手机设备操作系统、软件及智能硬件决定的。

单页应用（Single Page App，SPA）体现了其强大的优势。

·　页面是局部刷新的，响应速度快，不需要每次加载所有的CSS/JS。

·　前后端分离，前端（手机端）不受后端（服务器端）的开发语言的限制。

越来越多的App采用SPA的架构。如果读者的项目需要用在H5上，那么一定要使用单页应用框架，Angular、React、Vue.js框架都是很好的选择。

我们在公司实际项目中都使用Vue.js，效果非常好，开发速度快，维护效率高。

因为本书与官方文档不同，是根据实际项目经验，从培养新人的角度来写的，所以具有以下特点：

·　略过很少使用的技术。

·　只讲解常见的知识。

·　在章节安排上按照入门的难易度从简单到复杂。