1.2　移动Web与HTML 5、CSS 3和Vue.js的关系

本节主要介绍移动Web与HTML 5、CSS 3和Vue.js之间的关系。

1.2.1　移动Web与HTML 5和CSS 3的关系

HTML 5（简称H5）技术是定义HTML标准的最新版本，是一个新版本的HTML语言，不仅包含新的标签元素、新的属性和行为，还包含了更加强大的技术集合，涵盖了新的JavaScript Document API（例如Canvas、地理定位等），以及新的CSS版本：CSS 3，新增了如位移、转换和动画的API。

由于HTML 5相关技术是新的标准，因此对于PC端浏览器而言，支持性并不是很好，尤其是一些低版本的IE浏览器，例如IE8以下的浏览器对HTML 5的支持就非常差，所以HTML 5及其相关技术经常用在移动Web端的开发中，采用HTML 5技术开发的页面也有另一个名称，即HTML 5或者H5页面。

那么，新版本的HTML 5与之前的版本相比，到底引入了哪些新的内容呢？与上一个版本相比，HTML 5主要引入的内容如下：

·　语义：能够更恰当地用于描述内容是什么。

·　离线和存储：能够让网页在客户端本地存储数据以及更高效地离线运行。

·　多媒体：使视频（Video）和音频（Audio）成为Web页面中常见的元素。

·　Canvas和2D/3D绘图：提供了更多分范围呈现页面元素的选择。

·　设备访问（Device Access）：提供了能够操作原生硬件设备的接口。

·　样式动画效果：使得CSS 3可以创作出更加复杂的前端动画。

随着HTML 5相关技术的引入，JavaScript也更新了版本，提供了一些新的数据结构和API，被称为ECMAScript 6.0（简称ES6），这些内容会在本书后面的章节进行详细讲解。

1.2.2　移动Web与Vue.js的关系

Vue.js作为当下非常流行的前端框架，本身并不限制在PC端还是移动Web端使用，并且移动Web大多数项目为单页应用，这与Vue.js的应用场景非常契合，举例来说：

·　组件化：Vue.js的组件化功能可以很好地将Web App页面的组件进行抽离和复用，减少重复性代码。

·　页面切换：利用Vue Router可以轻松实现Web App的页面之间的跳转和转场动画等效果。

·　UI库：基于Vue.js技术有不少移动端的UI库，例如iView UI、Vant UI等，利用这些UI库可以快速实现页面开发和交互效果。

基于此，采用Vue.js是目前开发移动Web App项目的首选技术方案。