JavaScript+Vue.js Web开发案例教程

## 章名目录
【第一篇】 JavaScript程序开发
第1章 JavaScript简介
第2章 JavaScript基础
第3章 程序控制流与函数
第4章 JavaScript中的对象
第5章 在JavaScript中使用集合
第6章 类与原型链
第7章 DOM
【第二篇】 Vue．js程序开发
第8章 Vue．js开发基础
第9章 计算属性与侦听器
第10章 控制页面的CSS样式
第11章 事件处理
第12章 表单绑定
第13章 结构渲染
第14章 组件基础
第15章 单文件组件
第16章 AJAX与axios
第17章 过渡和动画
第18章 Vue．js插件
【第三篇】 综合实战
第19章 综合案例：“豪华版”待办事项

## 详细目录
【第一篇】 JavaScript程序开发
第1章 JavaScript简介
1．1 其他程序设计语言与JavaScript 2
1．2 JavaScript的起源、发展与标准化 6
1．2．1 起源 6
1．2．2 博弈与发展 7
1．2．3 标准的制定 7
1．3 JavaScript的实现 8
1．3．1 ECMAScript 8
1．3．2 DOM 9
1．3．3 BOM 9
1．3．4 新的开始 10
1．4 Web标准 10
1．4．1 Web标准概述 11
1．4．2 结构、表现、行为的分离 12
1．4．3 前后端分离成为Web开发的主流模式 13
本章小结 13
习题1 13
第2章 JavaScript基础
2．1 JavaScript的基本语法 14
2．2 使用VS Code编写JavaScript代码 16
2．2．1 创建基础的HTML文件 16
2．2．2 编写JavaScript代码 18
2．2．3 在浏览器中查看与调试 18
2．3 关键字与保留字 20
2．4 变量 21
2．5 数据类型 23
2．5．1 数值型 23
2．5．2 字符串型 24
2．5．3 布尔型 27
2．5．4 类型转换 28
2．5．5 数组 30
本章小结 34
习题2 34
第3章 程序控制流与函数
3．1 顺序结构：赋值语句与表达式 35
3．2 分支结构：条件语句 36
3．2．1 比较运算符 37
3．2．2 逻辑运算符 37
3．2．3 if语句 38
3．2．4 switch语句 39
3．3 循环结构 40
3．3．1 while语句 41
3．3．2 do…while语句 41
3．3．3 for语句 42
3．3．4 break和continue语句 43
3．3．5 实例：九九乘法表 45
3．3．6 for…of语句 47
3．3．7 for…in语句 47
3．4 函数 48
3．4．1 定义函数的基本方法 48
3．4．2 arguments对象 50
3．4．3 实例：杨辉三角形 52
3．4．4 变量作用域 54
3．4．5 函数作为函数的参数 56
3．4．6 箭头函数 57
3．5 异常处理 58
本章小结 61
习题3 61
第4章 JavaScript中的对象
4．1 理解对象的含义 62
4．1．1 理解常见的“类-对象”结构 63
4．1．2 理解JavaScript中的对象 64
4．1．3 在JavaScript中创建对象 65
4．2 时间和日期：Date对象 70
4．3 数学计算：Math对象 73
4．4 原始类型与装箱 75
4．4．1 Boolean 76
4．4．2 Number 77
4．4．3 String 78
4．5 BOM简介 79
4．5．1 window对象 79
4．5．2 location对象 82
4．5．3 navigator对象 83
4．5．4 screen对象 84
4．5．5 history对象 85
本章小结 87
习题4 87
第5章 在JavaScript中使用集合
5．1 数组 90
5．1．1 数组的基本操作 90
5．1．2 不同数据结构的数组操作 92
5．2 对象 96
5．3 集合类型 98
5．3．1 Map集合 98
5．3．2 Set集合 100
本章小结 101
习题5 101
第6章 类与原型链
6．1 使用类语法实现封装 103
6．1．1 类的声明与定义 103
6．1．2 通过类创建对象 104
6．1．3 定义方法与调用方法 105
6．1．4 存取器 106
6．1．5 static关键字 108
6．1．6 instanceof运算符 108
6．2 使用类语法实现继承 108
6．3 基于构造函数和原型的面向对象机制 112
6．3．1 封装 112
6．3．2 继承 113
6．3．3 原型与原型链 114
本章小结 118
习题6 118
第7章 DOM
7．1 网页中的DOM框架 119
7．2 DOM中的节点 120
7．2．1 元素节点 120
7．2．2 文本节点 120
7．2．3 属性节点 121
7．3 通过JavaScript访问DOM 121
7．3．1 访问节点 122
7．3．2 检测节点类型 123
7．3．3 父子及兄弟关系 124
7．3．4 节点的属性 127
7．3．5 创建和操作节点 128
7．4 DOM与CSS 131
7．4．1 HTML、CSS、JavaScript三位一体 131
7．4．2 className属性 132
7．5 事件 133
7．5．1 事件与事件流 133
7．5．2 事件侦听 134
7．5．3 事件对象 137
7．6 动手实践：动态控制表格综合案例 138
7．6．1 动态添加 138
7．6．2 修改单元格内容 141
7．6．3 动态删除 142
本章小结 145
习题7 145
【第二篇】 Vue．js程序开发
第8章 Vue．js开发基础
8．1 Web前端开发概述 148
8．1．1 Web开发简史 148
8．1．2 基于前后端分离模式的Web开发 149
8．1．3 Vue．js与MVVM模式 150
8．1．4 安装Vue．js 153
8．1．5 上手实践：第一个Vue．js程序 155
8．2 Vue．js开发 157
8．2．1 Vue根实例 157
8．2．2 Vue实例的生命周期 166
本章小结 169
习题8 169
第9章 计算属性与侦听器
9．1 计算属性 170
9．1．1 定义计算属性 170
9．1．2 计算属性的缓存特性 172
9．2 侦听器 175
9．2．1 侦听器的应用场景 175
9．2．2 侦听器的基本用法 176
9．2．3 深度侦听 177
9．2．4 侦听对象时获取对象原值 179
9．2．5 使用immediate参数 180
9．2．6 对数组的侦听 181
本章小结 184
习题9 184
第10章 控制页面的CSS样式
10．1 绑定class属性 185
10．1．1 以对象方式绑定class属性 185
10．1．2 将class属性与对象变量绑定 187
10．1．3 以数组方式绑定class属性 189
10．1．4 动态改变class属性值 189
10．1．5 在数组中使用对象 190
10．2 绑定style属性 191
10．2．1 以对象方式绑定style属性 191
10．2．2 将style属性与对象变量绑定 191
10．2．3 以数组方式绑定style属性 192
10．2．4 动态改变style属性值 193
本章小结 194
习题10 194
第11章 事件处理
11．1 标准DOM中的事件 195
11．2 使用Vue．js处理事件 196
11．2．1 内联方式响应事件 196
11．2．2 事件处理方法 197
11．2．3 在Vue．js中使用事件对象 198
11．3 动手练习：监视鼠标指针移动 199
11．4 事件修饰符 201
11．4．1 准备基础页面 201
11．4．2 stop 202
11．4．3 self 202
11．4．4 capture 203
11．4．5 once 203
11．4．6 prevent 203
11．4．7 事件修饰符使用说明 204
11．4．8 按键修饰符 205
本章小结 207
习题11 207
第12章 表单绑定
12．1 输入文本的绑定 209
12．1．1 文本框 209
12．1．2 多行文本框 210
12．2 选择类表单元素的绑定 211
12．2．1 单选按钮 211
12．2．2 复选框 212
12．2．3 下拉框 213
12．2．4 多选列表框 214
12．2．5 键值对绑定 214
12．3 修饰符 215
12．3．1 lazy修饰符 215
12．3．2 number修饰符 216
12．3．3 trim修饰符 216
本章小结 217
习题12 217
第13章 结构渲染
13．1 条件渲染指令v-if 218
13．1．1 v-if 和 v-else 218
13．1．2 v-else-if 219
13．1．3 用key管理可复用的元素 220
13．1．4 v-if 和 v-show 221
13．2 列表渲染指令v-for 222
13．2．1 基本列表 222
13．2．2 迭代对象数组 223
13．2．3 对象属性列表 224
13．2．4 数值范围 224
13．2．5 数组更新检测 225
13．2．6 v-for中key的作用 227
13．2．7 v-for与v-if一同使用时的注意事项 229
13．3 案例——汇率计算器 230
13．3．1 页面结构和样式 231
13．3．2 数据模型 231
本章小结 234
习题13 234
第14章 组件基础
14．1 自定义组件与HTML标记 235
14．1．1 组件的名称 237
14．1．2 组件的属性 237
14．1．3 组件的内容 238
14．1．4 在组件中处理事件 239
14．2 全局组件与局部组件 242
本章小结 243
习题14 244
第15章 单文件组件
15．1 基础知识 245
15．2 安装Vue CLI脚手架工具 246
15．2．1 安装基础环境 247
15．2．2 初步使用脚手架工具 248
15．3 动手实践：投票页面 250
15．3．1 制作greeting组件 251
15．3．2 制作app组件 252
15．3．3 父子组件之间传递数据 254
15．3．4 构建用于生产环境的文件 258
15．4 单页应用和多页应用 259
15．4．1 单页应用和多页应用的区别 260
15．4．2 多页应用开发 260
15．4．3 单页应用开发 261
本章小结 267
习题15 267
第16章 AJAX与axios
16．1 认识axios 268
16．2 axios的基础用法 269
16．2．1 常见请求方法调用 269
16．2．2 GET与POST 271
16．2．3 嵌套请求与并发请求 274
16．3 axios的进阶用法 277
16．3．1 创建实例 277
16．3．2 实例的相关配置 278
16．3．3 错误处理 279
16．3．4 拦截器 280
本章小结 283
习题16 283
第17章 过渡和动画
17．1 CSS过渡 285
17．2 单元素过渡 286
17．2．1 transition组件 286
17．2．2 过渡的类名 287
17．3 动手实践：可折叠的多级菜单 288
17．3．1 搭建页面结构 288
17．3．2 展开和隐藏菜单 289
17．3．3 添加过渡效果 290
17．3．4 实现多级菜单 291
17．4 列表过渡 294
本章小结 296
习题17 297
第18章 Vue．js插件
18．1 路由管理插件Vue Router 298
18．1．1 基本用法 298
18．1．2 命名路由 302
18．1．3 路由动态匹配 303
18．1．4 编程式导航 307
18．1．5 重定向和别名 308
18．1．6 进阶用法 309
18．1．7 history模式 312
18．2 状态管理插件Vuex 312
18．2．1 Vuex的基本用法 312
18．2．2 深入掌握Vuex 316
本章小结 324
习题18 325
【第三篇】 综合实战
第19章 综合案例：“豪华版”待办事项
19．1 功能描述 329
19．2 用到的知识点 329
19．3 使用Vue CLI搭建项目 330
19．4 页面结构和样式 331
19．4．1 添加待办事项页面 332
19．4．2 筛选项页面 332
19．4．3 任务列表页面 333
19．4．4 编辑任务弹框页面 334
19．5 组件化 335
19．5．1 抽离单个任务项 335
19．5．2 抽离编辑任务弹框 336
19．6 核心功能的实现 336
19．6．1 定义Todo类 336
19．6．2 使用Vuex管理任务列表 337
19．7 实现各项功能 339
19．7．1 添加待办事项 339
19．7．2 显示任务列表 340
19．7．3 动态化筛选项 340
19．7．4 修改任务状态 341
19．7．5 编辑任务 342
19．7．6 删除任务 345
19．7．7 调整任务顺序 346
19．7．8 持久化任务 347
本章小结 348