封面
版权信息
内容简介
前言
第1章 什么是移动端Web开发
1.1 移动互联网Web技术的发展概况
1.2 移动端Web、PC Web、手机App开发的区别
1.3 移动端Web和HTML
1.4 环境搭建
1.4.1 选择浏览器—Chrome
1.4.2 安装Node.js和http-server
1.4.3 选择代码编辑器
1.5 实战:第一个移动端Web页面
1.6 Vue开发环境搭建
1.6.1 安装Vue
1.6.2 运行Vue
1.7 本章小结
第2章 Vue移动端Web开发的技术栈
2.1 移动端Web技术栈的选择
2.1.1 Webpack脚手架
2.1.2 Vue.js框架
2.1.3 Vuex状态管理
2.1.4 Vue Router路由管理
2.1.5 ES6/ES7新标准
2.1.6 axios、Ajax和fetch
2.1.7 移动屏幕适配/移动UI
2.2 移动端Web的调试
2.2.1 Chrome模拟器调试
2.2.2 spy-debugger调试
2.3 本章小结
第3章 Webpack脚手架快速入门
3.1 Webpack简介
3.1.1 Webpack功能
3.1.2 Webpack安装
3.2 Webpack+Vue.js实战
3.2.1 Webpack初始化项目
3.2.2 Webpack下的Vue.js项目文件结构
3.3 本章小结
第4章 Vue快速入门
4.1 实例
4.2 组件
4.3 模板语法
4.4 方法、计算属性和监听器
4.4.1 方法
4.4.2 计算属性
4.4.3 监听器
4.5 动画
4.6 插槽
4.6.1 插槽内容
4.6.2 插槽的渲染作用域
4.6.3 插槽的备用内容
4.6.4 具名插槽
4.6.5 作用域插槽
4.6.6 解构插槽props
4.6.7 动态插槽与具名插槽的缩写
4.7 本章小结
第5章 Vuex快速入门
5.1 什么是状态管理模式
5.2 Vuex概述
5.2.1 Vuex的组成
5.2.2 安装Vuex
5.2.3 一个简单的store
5.3 state
5.4 Getters
5.5 Mutations
5.6 Actions
5.7 Modules
5.8 Vuex适用的场合
5.9 本章小结
第6章 Vue Router快速入门
6.1 什么是单页应用
6.2 Vue Router概述
6.2.1 安装Vue Router
6.2.2 一个简单的组件路由
6.3 动态路由
6.3.1 动态路由匹配
6.3.2 响应路由变化
6.4 导航守卫
6.4.1 全局前置守卫
6.4.2 全局解析守卫
6.4.3 全局后置钩子函数
6.4.4 组件内的守卫
6.4.5 路由配置守卫
6.5 嵌套路由
6.6 命名视图
6.7 编程式导航
6.8 路由组件传参
6.9 路由重定向、别名及元信息
6.9.1 路由重定向
6.9.2 路由的别名
6.9.3 路由元信息
6.10 Vue Router的路由模式
6.10.1 hash模式
6.10.2 history模式
6.11 滚动行为
6.12 keep-alive
6.12.1 keep-alive缓存状态
6.12.2 keep-alive实现原理浅析
6.13 路由懒加载
6.14 本章小结
第7章 ES6/ES7快速入门
7.1 变量声明
7.1.1 var、let、const关键字
7.1.2 箭头函数
7.1.3 对象属性和方法的简写
7.2 模块化
7.2.1 ES6模块化概述
7.2.2 import和export
7.3 async和await
7.4 本章小结
第8章 axios快速入门
8.1 什么是axios
8.2 vue-axios的使用
8.2.1 安装
8.2.2 第一个Demo
8.3 axios API
8.3.1 通过配置创建请求
8.3.2 使用请求方法的别名
8.3.3 创建axios实例
8.3.4 配置全局的axios默认值
8.3.5 请求和响应拦截器
8.4 响应结构
8.5 本章小结
第9章 移动端Web屏幕适配和UI框架
9.1 视区
9.1.1 物理像素和CSS像素
9.1.2 视区分类
9.1.3 设置视区
9.2 响应式布局
9.2.1 媒体查询
9.2.2 案例:响应式页面
9.3 Flex布局
9.3.1 Flex布局——新旧版本的兼容性
9.3.2 Flex容器属性
9.3.3 Flex子元素属性
9.3.4 Flex更便捷
9.4 rem适配
9.4.1 动态设置根元素font-size
9.4.2 计算rem数值
9.5 vw适配
9.6 rem适配和vw适配兼容性
9.7 移动UI框架的选择
9.7.1 Vant
9.7.2 MUI
9.7.3 Jingle移动端框架
9.7.4 FrozenUI
9.8 本章小结
第10章 移动端Web单击事件
10.1 touch事件
10.1.1 touch事件分类
10.1.2 touch事件对象
10.2 移动端Web单击事件
10.2.1 iOS单击延迟
10.2.2 单击穿透的问题
10.3 本章小结
第11章 实战项目:响应式单页面管理系统TODO
11.1 创建index.html
11.2 创建根实例和页面组件
11.3 页面切换
11.4 待办事项页面的开发
11.4.1 创建事项
11.4.2 单条事项组件
11.4.3 数据持久化
11.5 回收站页面的开发
11.5.1 创建已删除事项列表
11.5.2 创建单条已删除事项组件
11.6 删除事项和恢复事项联动
11.7 美化页面背景
11.8 本章小结
第12章 实战项目:移动电商Web App
12.1 项目环境配置
12.1.1 初始化并整理项目
12.1.2 引入并实现Vant的按需加载
12.1.3 引入并封装axios
12.1.4 使用Mock.js模拟数据接口
12.2 模拟数据接口
12.3 设计路由
12.4 底部tabbar
12.5 登录页、注册页实现
12.5.1 登录页实现
12.5.2 注册页实现
12.6 首页实现
12.7 详情页实现
12.8 购物车页实现
12.9 “我的”页面实现
12.10 本章小结
第13章 实战项目:Web App打包成移动端App
13.1 打包准备
13.2 使用HBuilderX打包手机端App
13.3 本章小结
更新时间:2023-09-08 19:47:45