正版新书]JavaScript+Vue.js Web开发案例教前沿科技 温谦978711

第一篇 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

温谦： 男，硕士，毕业于华中科技大学计算机专业，实战开发经验丰富，作品广受读者欢迎。 现从事企业软件系统的分析与研发工作，拥有过20年的软件开发经验，主持并成功研发了多个复杂系统；其中，参与建设的人邮学院、融智平台等项目均获得了政府奖励。多年来，对相关技术领域持续投入精力进行深入研究，编写了多部Web开发相关的教材（图书），并被大量高等院校选用，受到了广大读者的欢迎。 教材编写经历及其销量情况如下： （1）《精通CSS+DIV网页设计样式与布局》人邮社出版，销量大约10万册； （2）《CSS设计研究》人邮社出版，销量大约3万册； （3）《HTML+CSS网页设计与布局从入门到精通》人邮社出版，销量大约8万册。

特别说明：本书配套在线编程实训系统！
（1）知识体系完整，内容架构合理，语言通俗易懂。
（2）以案例讲解贯穿全文，凭实战项目提升技能。
（3）开发在线编程实训系统，支撑读者开展实战演练。
（4）配套立体化教学资源，支持混合式教学模式。

随着互联网技术的不断发展，JavaScript语言及其相关技术越来越受人们的关注，各种JavaScript框架层出不穷。Vue.js作为新一代JavaScript框架中的优秀代表，为广大开发者提供了诸多便利，在Web开发技术中占据着重要地位。

本书通过丰富的实例详细讲解JavaScript语言和Vue.js框架的相关技术。在JavaScript程序开发篇，讲解JavaScript语言的基础知识，以及控制流、函数、对象、集合、原型、DOM等核心内容。在Vue.js程序开发篇，讲解数据绑定、侦听、事件、样式控制、结构渲染、组件化开发等核心基础知识，并在此基础上，讲解AJAX、路由、状态管理等高级内容。后在综合实战篇，通过一个综合案例完整演示使用Vue.js开发综合项目的过程。本书内容翔实、结构框架清晰、讲解循序渐进，并注重各个章节以及实例之间的呼应与对照。

本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材，也可以作为JavaScript和Vue.js初学者的入门用书。