目    录

第1章  JavaScript概述 1

1.1  JavaScript是什么 1

1.1.1  JavaScript简介 1

1.1.2  JavaScript应用场景 2

1.1.3  JavaScript发展趋势 3

1.1.4  JavaScript组成部分 4

1.2  JavaScript与其他语言 5

1.2.1  JavaScript与HTML、CSS的关系 5

1.2.2  JavaScript与Java的关系 5

1.2.3  JavaScript与TypeScript的关系 5

1.3  第一个JavaScript程序 5

1.3.1  代码编辑工具VSCode 5

1.3.2  代码运行工具——浏览器 6

1.3.3  在网页中嵌入JavaScript代码 7

1.3.4  注释、缩进、分号 9

1.3.5  常用输入/输出语句 9

1.3.6  在线帮助和资源 11

1.4  案例：输出“社会主义核心价值观”内容 11

1.5  本章小结 12

1.6  本章常见面试题 12

1.7  实践操作练习题 13

第2章  JavaScript语法基础 14

2.1  变量 14

2.1.1  声明变量 14

2.1.2  变量命名规则与规范 15

2.1.3  使用变量 16

2.2  数据类型 17

2.2.1  数据类型分类 17

2.2.2  数据类型检测 19

2.2.3  数据类型转换 20

2.3  运算符和表达式 21

2.3.1  算术运算符 21

2.3.2  递增和递减运算符 22

2.3.3  赋值运算符 23

2.3.4  比较运算符 23

2.3.5  逻辑运算符 24

2.3.6  条件运算符 26

2.3.7  运算符的优先级与结合性 26

2.4  流程控制 27

2.4.1  选择结构 28

2.4.2  循环结构 31

2.5  代码调试 35

2.5.1  alert()方法 35

2.5.2  console.log()方法 35

2.5.3  开发者工具调试 36

2.6  案例：新冠肺炎疫情风险等级划分程序设计 38

2.6.1  案例呈现 38

2.6.2  案例分析 39

2.6.3  案例实现 39

2.7  本章小结 40

2.8  本章常见面试题 40

2.9  实践操作练习题 41

第3章  数组 43

3.1  数组概述 43

3.2  创建数组 43

3.3  访问数组 44

3.4  数组常用属性和方法 45

3.5  案例：使用数组实现“2048”游戏的关键算法 52

3.5.1  案例呈现 52

3.5.2  案例分析 53

3.5.3  案例实现 53

3.6  本章小结 54

3.7  本章常见面试题 55

3.8  实践操作练习题 56

第4章  函数 57

4.1  函数概述 57

4.2  自定义函数 57

4.2.1  函数的定义 58

4.2.2  函数的调用 59

4.2.3  函数的返回值 60

4.2.4  arguments对象 61

4.2.5  变量作用域 62

4.2.6  函数的嵌套调用和递归调用 64

4.2.7  回调函数 65

4.3  内置函数 66

4.4  案例：“渔夫打鱼晒网”程序设计 69

4.4.1  案例呈现 69

4.4.2  案例分析 69

4.4.3  案例实现 69

4.5  本章小结 71

4.6  本章常见面试题 71

4.7  实践操作练习题 72

第5章  JavaScript对象 74

5.1  对象概述 74

5.2  创建对象 75

5.3  访问对象 76

5.4  常用内置对象 77

5.4.1  Math对象 77

5.4.2  Date对象 79

5.4.3  String对象 81

5.4.4  String对象与正则表达式 84

5.5  基本数据类型和复杂数据类型 86

5.6  案例 88

5.6.1  “扫雷”游戏随机布雷 88

5.6.2  高亮显示关键词 90

5.7  本章小结 91

5.8  本章常见面试题 91

5.9  实践操作练习题 92

第6章  DOM 94

6.1  DOM概述 94

6.2  获取元素 94

6.3  事件基础 99

6.4  操作元素 100

6.4.1  常用属性操作 101

6.4.2  样式操作 102

6.4.3  自定义属性操作 105

6.5  this关键字 106

6.6  节点操作 108

6.6.1  节点类型 108

6.6.2  获取节点 109

6.6.3  创建、添加和删除节点 113

6.6.4  克隆节点 115

6.7  案例 116

6.7.1  留言板 116

6.7.2  折叠面板 118

6.8  本章小结 119

6.9  本章常见面试题 120

6.10  实践操作练习题 120

第7章  事件处理 123

7.1  绑定事件处理程序 123

7.2  删除事件处理程序 125

7.3  事件对象 125

7.4  取消默认行为 127

7.4.1  取消表单提交 127

7.4.2  取消默认右键菜单 127

7.5  事件流 128

7.6  事件委托 131

7.7  事件类型 132

7.7.1  鼠标事件 132

7.7.2  键盘事件 134

7.7.3  表单事件 136

7.8  案例 139

7.8.1  浮现社会主义核心价值观内容 139

7.8.2  查看网页事件监听器 140

7.9  本章小结 142

7.10  本章常见面试题 142

7.11  实践操作练习题 142

第8章  BOM 144

8.1  BOM概述 144

8.2  window对象 145

8.3  location对象 149

8.4  navigator对象 151

8.5  history对象 152

8.6  screen对象 153

8.7  JavaScript动画 153

8.7.1  动画原理 153

8.7.2  封装动画函数 154

8.8  案例 157

8.8.1  浮现社会主义核心价值观内容动画效果 157

8.8.2  限时秒杀 158

8.9  本章小结 159

8.10  本章常见面试题 159

8.11  实践操作练习题 160

第9章  JavaScript特效综合实例 162

9.1  电影购票 162

9.1.1  页面布局 163

9.1.2  工具函数 164

9.1.3  选座 165

9.1.4  取消选座 167

9.2  在线网盘 167

9.2.1  页面布局 168

9.2.2  新建文件夹 168

9.2.3  文件夹操作 169

9.2.4  全选功能 170

9.3  “2048”游戏 171

9.3.1  页面布局 171

9.3.2  工具函数 172

9.3.3  键盘事件处理 173

9.4  轮播图 174

9.4.1  页面布局 174

9.4.2  轮播动画 175

9.4.3  防止暴力点击 176

9.5  网络购物车 177

9.5.1  页面布局 177

9.5.2  工具函数 178

9.5.3  勾选商品 179

9.5.4  增减和删除商品 180

9.6  放大镜 181

9.6.1  页面布局 181

9.6.2  功能实现 181

9.7  本章小结 183

9.8  实践操作练习题 183

第10章  Ajax技术 184

10.1  Ajax简介 184

10.2  Ajax对象 184

10.2.1  创建XMLHttpRequest对象 185

10.2.2  向服务器发送请求 185

10.2.3  获取服务器数据 186

10.3  Ajax数据交换格式 189

10.3.1  JSON简介 189

10.3.2  JSON数据格式 189

10.3.3  JSON方法 190

10.4  Ajax跨域 192

10.5  封装Ajax方法 194

10.6  案例：获取全国疫情实时追踪数据 195

10.7  本章小结 197

10.8  本章常见面试题 198

10.9  实践操作练习题 198

第11章  基于ECharts的疫情实时监控系统 200

11.1  数据可视化简介 200

11.2  ECharts 201

11.2.1  ECharts简介 201

11.2.2  ECharts快速上手 201

11.2.3  配置项 202

11.2.4  常用图表配置项 203

11.3  案例：基于ECharts的疫情实时监控系统设计与实现 205

11.3.1  案例呈现 206

11.3.2  案例分析 206

11.3.3  页面布局 206

11.3.4  实时时间模块 207

11.3.5  全球新冠疫苗实时接种数据模块 207

11.3.6  中国累计接种趋势数据模块 208

11.3.7  中国每百人接种趋势数据模块 209

11.3.8  全国疫情实时追踪数据模块 210

11.3.9  全国疫情柱状模块 210

11.3.10  全国现有确诊人数TOP10模块 212

11.3.11  全国疫情中高风险名单模块 213

11.4  本章小结 214

第12章  Vue简介 215

12.1  认识Vue 215

12.1.1  什么是Vue 215

12.1.2  Vue的优势 217

12.1.3  Vue的信创意义 217

12.2  代码编辑工具 217

12.3  配置Node.js环境 218

12.4  安装Vue 219

12.5  vue-devtools调试工具 220

12.6  本章小结 221

12.7  本章常见面试题 221

12.8  实践操作练习题 221

第13章  Vue基础特性 222

13.1  案例：输出“Vue.js是我国优秀的信创软件框架” 222

13.2  Vue生命周期 223

13.2.1  认识生命周期 223

13.2.2  生命周期钩子函数 225

13.3  插值、表达式和过滤器 227

13.3.1  文本插值 227

13.3.2  插入原始HTML 227

13.3.3  使用JavaScript表达式 227

13.4  本章小结 228

13.5  本章常见面试题 228

13.6  实践操作练习题 228