Vue.js3移动应用开发实战 pdf下载

本书以实战和案例为基础，详解Vue移动端Web开发中最常用的技术和多个完整项目案例，使读者系统地掌握Vue移动应用开发的完整流程和相关技术，并提高项目整合开发的能力。

　　随着前后端分离开发模式的出现、前端框架Vue相关生态的不断完善，以及移动设备的普及等，移动端WebApp的开发成为主流技术。
　　《Vue.js 3移动应用开发实战（Web前端技术丛书）》以实战和案例为基础，详解Vue移动端Web开发中常用的技术和多个完整项目案例，使读者全面、系统地掌握Vue移动应用开发的完整流程和相关技术，并通过实际案例快速提高读者进行项目整合开发的能力。

我的笔名是绵绵的糖，有多年前端开发从业经验，比较擅长Vue框架，也了解并会使用React框架。由于自己比较喜欢小程序开发，所以对原生小程序开发也比较有经验。

总的来说，写作这本书的过程也是一个不断学习的过程，不断汲取新的或者以前没有注意到的小知识点，将自己知道的或者结合网上其他人的经验，经过实践总结出许多知识点，供大家学习，为读者提供一个入门Vue移动开发的书籍。由于个人能力、经验和时间等的限制，书中可能存在部分未讲解透彻的地方，还望读者多提意见。

对于初次学习移动前端开发的初学者来说，本书是完全可以参考的，希望这本书能够帮助到学习前端移动开发的读者。

第1章 什么是移动端Web开发 1

1.1 移动互联网Web技术的发展概况 1

1.2 移动端Web、PC Web、手机App开发的区别 2

1.3 移动端Web和HTML 3

1.4 环境搭建 6

1.4.1 选择浏览器—Chrome 6

1.4.2 安装Node.js和http-server 7

1.4.3 选择代码编辑器 11

1.5 实战：第一个移动端Web页面 11

1.6 Vue开发环境搭建 16

1.6.1 安装Vue 16

1.6.2 运行Vue 17

1.7 本章小结 19

第2章 Vue移动端Web开发的技术栈 20

2.1 移动端Web技术栈的选择 20

2.1.1 Webpack脚手架 20

2.1.2 Vue.js框架 25

2.1.3 Vuex状态管理 34

2.1.4 Vue Router路由管理 35

2.1.5 ES6/ES7新标准 36

2.1.6 axios、Ajax和fetch 39

2.1.7 移动屏幕适配/移动UI 40

2.2 移动端Web的调试 42

2.2.1 Chrome模拟器调试 42

2.2.2 spy-debugger调试 44

2.3 本章小结 44

第3章 Webpack脚手架快速入门 45

3.1 Webpack简介 45

3.1.1 Webpack功能 45

3.1.2 Webpack安装 47

3.2 Webpack+Vue.js实战 47

3.2.1 Webpack初始化项目 47

3.2.2 Webpack下的Vue.js项目文件结构 49

3.3 本章小结 58

第4章 Vue快速入门 59

4.1 实例 59

4.2 组件 60

4.3 模板语法 63

4.4 方法、计算属性和监听器 68

4.4.1 方法 68

4.4.2 计算属性 70

4.4.3 监听器 71

4.5 动画 74

4.6 插槽 84

4.6.1 插槽内容 84

4.6.2 插槽的渲染作用域 86

4.6.3 插槽的备用内容 87

4.6.4 具名插槽 87

4.6.5 作用域插槽 89

4.6.6 解构插槽props 91

4.6.7 动态插槽与具名插槽的缩写 92

4.7 本章小结 93

第5章 Vuex快速入门 94

5.1 什么是状态管理模式 94

5.2 Vuex概述 95

5.2.1 Vuex的组成 96

5.2.2 安装Vuex 96

5.2.3 一个简单的store 97

5.3 state 99

5.4 Getters 101

5.5 Mutations 105

5.6 Actions 110

5.7 Modules 115

5.8 Vuex适用的场合 117

5.9 本章小结 124

第6章 Vue Router快速入门 125

6.1 什么是单页应用 125

6.2 Vue Router概述 126

6.2.1 安装Vue Router 126

6.2.2 一个简单的组件路由 127

6.3 动态路由 129

6.3.1 动态路由匹配 130

6.3.2 响应路由变化 131

6.4 导航守卫 133

6.4.1 全局前置守卫 134

6.4.2 全局解析守卫 136

6.4.3 全局后置钩子函数 136

6.4.4 组件内的守卫 136

6.4.5 路由配置守卫 137

6.5 嵌套路由 141

6.6 命名视图 144

6.7 编程式导航 147

6.8 路由组件传参 148

6.9 路由重定向、别名及元信息 150

6.9.1 路由重定向 150

6.9.2 路由的别名 150

6.9.3 路由元信息 152

6.10 Vue Router的路由模式 153

6.10.1 hash模式 153

6.10.2 history模式 154

6.11 滚动行为 155

6.12 keep-alive 159

6.12.1 keep-alive缓存状态 159

6.12.2 keep-alive实现原理浅析 161

6.13 路由懒加载 163

6.14 本章小结 163

第7章 ES6/ES7快速入门 164

7.1 变量声明 164

7.1.1 var、let、const关键字 164

7.1.2 箭头函数 167

7.1.3 对象属性和方法的简写 168

7.2 模块化 169

7.2.1 ES6模块化概述 169

7.2.2 import和export 170

7.3 async和await 171

7.4 本章小结 176

第8章 axios快速入门 177

8.1 什么是axios 177

8.2 vue-axios的使用 177

8.2.1 安装 177

8.2.2 第一个Demo 179

8.3 axios API 182

8.3.1 通过配置创建请求 182

8.3.2 使用请求方法的别名 183

8.3.3 创建axios实例 183

8.3.4 配置全局的axios默认值 184

8.3.5 请求和响应拦截器 184

8.4 响应结构 185

8.5 本章小结 187

第9章 移动端Web屏幕适配和UI框架 188

9.1 视区 188

9.1.1 物理像素和CSS像素 188

9.1.2 视区分类 189

9.1.3 设置视区 189

9.2 响应式布局 190

9.2.1 媒体查询 190

9.2.2 案例：响应式页面 193

9.3 Flex布局 196

9.3.1 Flex布局——新旧版本的兼容性 196

9.3.2 Flex容器属性 196

9.3.3 Flex子元素属性 201

9.3.4 Flex更便捷 205

9.4 rem适配 213

9.4.1 动态设置根元素font-size 213

9.4.2 计算rem数值 214

9.5 vw适配 215

9.6 rem适配和vw适配兼容性 216

9.7 移动UI框架的选择 218

9.7.1 Vant 218

9.7.2 MUI 219

9.7.3 Jingle移动端框架 220

9.7.4 FrozenUI 221

9.8 本章小结 223

第10章 移动端Web单击事件 224

10.1 touch事件 224

10.1.1 touch事件分类 224

10.1.2 touch事件对象 225

10.2 移动端Web单击事件 228

10.2.1 iOS单击延迟 229

10.2.2 单击穿透的问题 229

10.3 本章小结 231

第11章 实战项目：响应式单页面管理系统TODO 232

11.1 创建index.html 232

11.2 创建根实例和页面组件 233

11.3 页面切换 235

11.4 待办事项页面的开发 236

11.4.1 创建事项 236

11.4.2 单条事项组件 237

11.4.3 数据持久化 239

11.5 回收站页面的开发 240

11.5.1 创建已删除事项列表 240

11.5.2 创建单条已删除事项组件 241

11.6 删除事项和恢复事项联动 242

11.7 美化页面背景 242

11.8 本章小结 252

第12章 实战项目：移动电商Web App 253

12.1 项目环境配置 253

12.1.1 初始化并整理项目 253

12.1.2 引入并实现Vant的按需加载 255

12.1.3 引入并封装axios 255

12.1.4 使用Mock.js模拟数据接口 256

12.2 模拟数据接口 258

12.3 设计路由 262

12.4 底部tabbar 264

12.5 登录页、注册页实现 267

12.5.1 登录页实现 267

12.5.2 注册页实现 270

12.6 首页实现 275

12.7 详情页实现 280

12.8 购物车页实现 284

12.9 “我的”页面实现 289

12.10 本章小结 292

第13章 实战项目：Web App打包成移动端App 293

13.1 打包准备 293

13.2 使用HBuilderX打包手机端App 294

13.3 本章小结 298

　　随着互联网和移动设备的飞速发展，手机等移动端设备上的Web App开发越来越流行。随着前后端分离的开发模式成为流行趋势，前端技术也占据了重要地位，并且随着Node.js和JSON-Server等各种在线模拟服务器、Mock.js模拟数据以及移动端UI框架的出现，使得移动开发更加容易，也受到越来越多人的喜爱与追逐。
　　随着前端技术的不断发展，利用JavaScript编程语言进行软件开发时便显示出了得天独厚的优势，特别是在单页应用和前端框架上，能够减少DOM操作，优化性能，能够快速搭建一个通用的Web网站。各种性能优化解决方案、各种简洁API的出现，尤其是ES6、ES7、ES8等的广泛应用，还有近期特别流行的TypeScript语言，更加能够约束变量类型，使得多人协作开发大型项目时不易出现错误的类型判断。所以移动前端开发具有良好的发展前景，也是比较容易入门的一种技术。
　　程序员要想进入移动Web前端开发的行业，除了需要有扎实的JavaScript语言基础外，还要掌握多种开发框架，比如Vue、React和Angular等前端三大框架。除了这些必须掌握的基础知识和框架之外，最好还要多进行实际操作与代码的书写，多进行项目实战开发，这样才能够真正掌握理论知识，也能够快速地从实践中提升自己的技能和技术，丰富自己的开发经验。只有牢固掌握技术知识和多加熟悉应用开发的各种实例与项目案例，才能在互联网技术领域的环境中具有较强的行业竞争力和明确提升前端技术的途径与方法。
　　目前适用于初学者学习前端的书籍很多，但是将基础知识与实例和项目案例相结合来讲解移动端Web App开发的书籍相对较少，本书便是以实战和案例为基础，通过对Vue移动端Web开发中最常见的技术知识和多个完整项目案例的讲解，让读者全面、深入地理解移动Vue项目开发的完整流程和需要使用的各种技术，通过实际案例快速提高读者实际开发水平和进行完整项目开发的能力。写给读者的话
　　我的笔名是绵绵的糖，有多年前端开发从业经验，比较擅长Vue框架，也了解并会使用React框架。由于自己比较喜欢小程序开发，所以对原生小程序开发也比较有经验。
　　总的来说，写作这本书的过程也是一个不断学习的过程，不断汲取新的或者以前没有注意到的小知识点，将自己知道的与网上其他人的经验相结合，经过实践总结出许多知识点，供大家学习，为读者提供一本入门Vue移动开发的书籍。由于个人能力、经验和时间等的限制，书中可能存在部分未讲解透彻的地方，还望读者多提意见。
　　对于初次学习移动前端开发的读者来说，本书是完全可以参考的。希望这本书能够帮助到学习前端移动开发的初学者。