HTML5移动Web+Vue.js应用开发实战

作品简介

本书综合运用HTML5、Vue.js全家桶等流行前端技术介绍了如何开发一款企业级移动Web应用的方法与技巧，主要内容包括：HTML5语义标签和属性，HTML5音视频，HTML5 Canvas，HTML5网页存储，CSS3选择器，CSS3背景，CSS3转换、过渡和动画，移动Web开发和调试，响应式页面和Flex布局，移动Web的touch事件系统，Vue.js的组件、指令和模板语法，Vue.js的组件通信、动画和插槽，Vuex与Vue.js结合实现项目状态管理，Vue Router与Vue.js结合实现项目路由管理；PWA渐进式技术和ECMAScript 6新特性等内容，并借助待办事项管理系统和新浪微博Web App项目开发提高读者的实战技能。

本书内容丰富，注重实战，特别适合正在学习移动Web开发或前端开发的人员使用，对于有一年左右从业经验的前端工程师和想要了解企业级移动Web项目开发的前端工程师也能从本书中获得收益。

吕鸣（网名，吕小鸣），从业7年，先后供职于深圳腾讯内容平台部、宇通客车智能网联研究院，担任Web前端高级工程师和前端架构师，对Web开发iOS开发、PHP开发及前端相关领域都有涉猎，目前专注于移动Web开发，对相关实际项目调优拥有丰富的经验。

作品目录

• 作者简介
• 内容简介
• 前言
• 本书主要内容
• 本书的适合人群
• 阅读本书之后，能学到什么？
• 本书源代码和视频教学
• 第1章 移动Web开发概述
• 1.1　移动互联网Web技术发展
• 1.2　移动Web开发和PC Web开发的区别
• 1.3　移动Web和HTML5
• 1.4　浏览器安装和代码环境的准备
• 1.5　本章小结
• 第2章 HTML5语义化标签和属性
• 2.1　DOCTYPE声明
• 2.2　<header>标签
• 2.3　<footer>标签
• 2.4　<section>标签
• 2.5　<nav>标签
• 2.6　<aside>标签
• 2.7　语义化标签总结
• 2.8　HTML5其他新增的标签
• 2.9　HTML5新增的标签属性
• 2.10　本章小结
• 第3章 HTML5音频和视频
• 3.1　<audio>标签与音频
• 3.2　<video>标签与视频
• 3.3　本章小结
• 第4章 HTML5 Canvas基础
• 4.1　一个简单的Canvas
• 4.2　使用Canvas绘制路径
• 4.3　使用Canvas绘制图形
• 4.4　使用Canvas绘制文本
• 4.5　使用Canvas绘制和压缩图片
• 4.6　使用Canvas绘制贝塞尔曲线
• 4.7　Canvas转换
• 4.8　Canvas状态的保存和恢复
• 4.9　Canvas动画
• 4.10　案例：Canvas实现点赞送心动画
• 4.11　本章小结
• 第5章 HTML5网页存储
• 5.1　初识Web Storage
• 5.2　LocalStorage和SessionStorage
• 5.3　浏览器存储的其他方案
• 5.4　本章小结
• 第6章 CSS3选择器
• 6.1　CSS3属性选择器
• 6.2　CSS3伪类选择器
• 6.3　本章小结
• 第7章 CSS3背景
• 7.1　background-size属性
• 7.2　background-origin属性
• 7.3　background-clip属性
• 7.4　背景渐变
• 7.5　本章小结
• 第8章 CSS3转换、过渡与动画
• 8.1　CSS3转换（transform）
• 8.2　CSS3过渡（transition）
• 8.3　CSS3动画（animation）
• 8.4　案例：CSS3实现旋转3D立方体
• 8.5　本章小结
• 第9章 移动Web开发和调试
• 9.1　Chrome模拟器调试
• 9.2　spy-debugger调试
• 9.3　本章小结
• 第10章 移动Web屏幕适配
• 10.1　Viewport视区
• 10.2　响应式布局
• 10.3　Flex布局
• 10.4　rem适配
• 10.5　vw适配
• 10.6　rem适配和vw适配兼容性
• 10.7　本章小结
• 第11章 移动Web单击事件
• 11.1　touch事件
• 11.2　移动Web端单击事件
• 11.3　本章小结
• 第12章 Vue.js核心基础
• 12.1　MVVM模式
• 12.2　Vue.js背景知识
• 12.3　Vue.js的安装和导入
• 12.4　Vue.js实例
• 12.5　Vue.js组件的生命周期
• 12.6　Vue.js模板语法
• 12.7　Vue.js方法、计算属性和监听器
• 12.8　Vue.js的动态组件
• 12.9　Vue.js自定义组件v-model
• 12.10　本章小结
• 第13章 Vue.js高级技能
• 13.1　组件通信
• 13.2　Vue.js动画
• 13.3　Vue.js插槽
• 13.4　本章小结
• 第14章 Vuex状态管理
• 14.1　什么是“状态管理模式”
• 14.2　Vuex概述
• 14.3　State
• 14.4　Getters
• 14.5　Mutation
• 14.6　Action
• 14.7　Modules
• 14.8　Vuex适用的场合
• 14.9　本章小结
• 第15章 Vue Router路由管理
• 15.1　什么是单页应用
• 15.2　Vue Router概述
• 15.3　动态路由
• 15.4　导航守卫
• 15.5　嵌套路由
• 15.6　命名视图
• 15.7　编程式导航
• 15.8　路由组件传参
• 15.9　路由重定向、别名及元信息
• 15.10　Vue Router的路由模式
• 15.11　滚动行为
• 15.12　keep-alive
• 15.13　路由懒加载
• 15.14　本章小结
• 第16章 PWA技术全揭秘
• 16.1　PWA技术介绍
• 16.2　Service Worker
• 16.3　Notifications
• 16.4　Web App Manifest
• 16.5　本章小结
• 第17章 ECMAScript 6语言基础
• 17.1　变量声明
• 17.2　模块化
• 17.3　async/await
• 17.4　本章小结
• 第18章 响应式单页面管理系统的开发
• 18.1　创建index.html
• 18.2　创建根实例和页面组件
• 18.3　页面切换
• 18.4　待办事项页面的开发
• 18.5　回收站页面的开发
• 18.6　删除事项和恢复事项联动
• 18.7　美化页面背景和添加清空按钮
• 第19章 实战项目：新浪微博Web App
• 19.1　准备开发环境
• 19.2　安装vue cli 3初始化前端项目
• 19.3　使用MUI
• 19.4　登录页面的开发
• 19.5　微博首页的开发
• 19.6　新鲜事页面的开发
• 19.7　发表页面的开发
• 19.8　消息页面的开发
• 19.9　我的页面的开发
• 19.10　微博详情页面的开发
• 19.11　更多回复页面的开发
• 19.12　评论页面的开发
• 19.13　页面转场动画
• 19.14　改造PWA应用
• 19.15　打包和部署