前    言

随着移动互联网的高速发展，移动端开发技术已经成为现阶段软件工程师不可不学的一门技术，而HTML5移动Web开发技术作为移动端的一个重要领域，以其特有的跨平台、易上手等特性，成为前端工程师必备的技能，结合当下非常流行的Vue.js前端框架，能够开发出各种各样的企业级业务产品。市面上有不少关于HTML5以及Vue.js相关技术的书籍，但是大多都是讲解单一的技术，本书的特点是综合运用了当前流行的前端开发技术，不限于HTML5和Vue.js，而且还讲解了CSS3以及PWA等技术，并讲解了如何综合运用这些技术开发企业级的移动Web项目。读者通过阅读本书能够在掌握理论、技术的同时，深入了解一个真正的移动Web实战项目是如何开发的，并且搭配本书提供的项目视频教程，还可以大大提升学习效率。

本书主要内容

本书从逻辑上可以分为5大部分，共19章，各部分内容概述如下：

第1部分（第1章到第6章）主要介绍HTML5和CSS3基础理论知识相关的内容，其中包括的知识点如下：

? HTML5新增标签的介绍和使用。

? HTML5的Canvas绘图基础。

? HTML5网页存储。

? CSS3新增选择器和样式的介绍与使用。

? CSS3转换、过渡和动画效果。

第2部分（第9章到第11章）主要介绍移动Web开发相关的内容，其中包括的知识点如下：

? 移动Web的调试技巧和方案选择。

? 移动Web的屏幕适配、响应式页面和Flex布局。

? 移动Web的touch事件系统。

第3部分（第12章到第15章）主要介绍Vue.js全家桶相关的内容，其中包括的知识点如下：

? Vue.js的基础知识，包括组件、指令和模板语法等。

? Vue.js的高级进阶知识，包括组件通信、动画和插槽等。

? Vuex与Vue.js结合实现项目状态管理。

? Vue Router与Vue.js结合实现项目路由管理。

第4部分（第16章和第17章）主要介绍PWA技术和ECMAScipt 6相关技术栈的内容，其中包括的知识点如下：

? PWA技术概述。

? Service Worker全方位技术。

? Web Push和Web Notification相关技术。

? ECMAScript 6的新特性。

第5部分（第18章和第19章）主要介绍两个Web项目的开发，从易到难结合书中的理论知识点，并在真正的实战项目中进行应用，便于读者更好地掌握本书的知识点。

本书的适合人群

（1）正在学习前端开发技术的爱好者或即将毕业的学生。

（2）有一年左右工作经验的前端工程师。

（3）想要了解企业级移动Web项目开发的前端工程师。

阅读本书之后，能学到什么？

学习本书，读者需要具备基本的HTML和CSS以及JavaScript编程基础，通过阅读本书你能取得以下收获：

? 掌握HTML5和CSS3相关基础理论知识和实践应用。

? 掌握移动Web开发独有的调试技术、屏幕适配和touch事件系统。

? 掌握Vue.js完整的基础知识和进阶技能。

? 掌握Vuex，Vue Router集合Vue.js的理论和实践。

? 了解PWA技术与移动Web App的深度结合。

? 学会待办事项系统和企业级实战项目新浪微博Web App从0到1完整的开发流程。

本书源代码和视频教学

本书提供了完整的实例代码，读者可以扫描下述二维码获取：

另外，本书还提供了微博项目案例的教学视频，读者可以直接扫描相应章节的二维码观看。

如果无法下载，请发邮件至bootsaga@126.com寻求帮助，邮件标题为：HTML5移动Web+Vue.js应用开发实战。

“书犹药也，善读之可以医愚”，每本书都是一剂良药，帮你解决困惑，带来转机。同样，每门技术的掌握都需要从理论到实战，才能真正理解，并为自己所用。对于每一名前端工程师来说，技术的变化和更新必然会带来持久不断地学习，掌握其中的要领便能从容应对，愿各位读者学习本书之后都能有所收获，搭上移动互联网这座大船！

感谢本书在编写时，我的妻子对我的理解和帮助，以及我刚出生一个月的女儿！

编  者

2020.1