目    录

第1章  JavaScript概述 1

1.1  JavaScript是什么 2

1.1.1  JavaScript简介 2

1.1.2  JavaScript的应用场景 2

1.1.3  JavaScript的发展趋势 4

1.1.4  JavaScript的组成部分 5

1.2  JavaScript与其他语言 5

1.2.1  JavaScript与HTML、CSS的关系 5

1.2.2  JavaScript与Java的关系 5

1.2.3  JavaScript与TypeScript的关系 6

1.3  初识JavaScript程序 6

1.3.1  代码编辑工具—VSCode 6

1.3.2  人工智能辅助编程工具 9

1.3.3  代码运行工具—浏览器 10

1.3.4  在网页中嵌入JavaScript代码 11

1.3.5  注释、缩进、分号 13

1.3.6  常用输入/输出语句 13

1.3.7  在线帮助和资源 15

1.4  案例：输出社会主义核心价值观的内容 15

1.5  本章小结 16

1.6  本章高频面试题 16

1.7  实践操作练习题 17

第2章  JavaScript语法基础 18

2.1  变量 19

2.1.1  声明变量 19

2.1.2  变量命名规则与规范 20

2.1.3  使用变量 21

2.2  数据类型 22

2.2.1  数据类型分类 22

2.2.2  数据类型检测 24

2.2.3  数据类型转换 25

2.3  运算符和表达式 26

2.3.1  算术运算符 26

2.3.2  递增和递减运算符 27

2.3.3  赋值运算符 28

2.3.4  比较运算符 28

2.3.5  逻辑运算符 29

2.3.6  条件运算符 31

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

2.4  流程控制 32

2.4.1  选择结构 33

2.4.2  循环结构 36

2.4.3  异常处理 40

2.5  代码调试 41

2.5.1  alert()方法 41

2.5.2  console.log()方法 42

2.5.3  开发人员工具调试 42

2.6  案例：重污染天气预警程序设计 44

2.7  本章小结 46

2.8  本章高频面试题 46

2.9  实践操作练习题 47

第3章  数组 49

3.1  数组概述 50

3.2  创建数组 50

3.3  访问数组 50

3.4  数组的常用属性和方法 51

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

3.6  本章小结 61

3.7  本章高频面试题 61

3.8  实践操作练习题 63

第4章  函数 64

4.1  函数概述 64

4.2  自定义函数 65

4.2.1  函数的定义 65

4.2.2  函数的调用 66

4.2.3  函数返回值 67

4.2.4  arguments对象 69

4.2.5  变量作用域 69

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

4.2.7  回调函数 73

4.3  内置函数 73

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

4.5  本章小结 79

4.6  本章高频面试题 79

4.7  实践操作练习题 80

第5章  JavaScript对象 82

5.1  对象概述 83

5.2  创建对象 83

5.3  访问对象 84

5.4  常用内置对象 85

5.4.1  Math对象 86

5.4.2  Date对象 87

5.4.3  String对象 89

5.4.4  RegExp对象与正则表达式 93

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

5.6  案例 97

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

5.6.2  高亮显示关键词 98

5.7  本章小结 100

5.8  本章高频面试题 100

5.9  实践操作练习题 101

第6章  DOM 104

6.1  DOM概述 105

6.2  获取元素 105

6.3  事件基础 109

6.4  操作元素 110

6.4.1  常用属性操作 111

6.4.2  样式操作 112

6.4.3  自定义属性操作 116

6.5  this关键字 117

6.6  节点操作 118

6.6.1  节点类型 119

6.6.2  获取节点 119

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

6.6.4  克隆节点 125

6.7  案例 126

6.7.1  留言板 126

6.7.2  折叠面板 128

6.8  本章小结 130

6.9  本章高频面试题 130

6.10  实践操作练习题 130

第7章  事件处理 133

7.1  绑定事件处理程序 134

7.2  删除事件处理程序 135

7.3  事件对象 136

7.4  取消默认行为 137

7.4.1  取消表单提交 137

7.4.2  取消默认右键菜单 138

7.5  事件流 139

7.6  事件委托 141

7.7  事件类型 142

7.7.1  鼠标事件 142

7.7.2  键盘事件 145

7.7.3  表单事件 147

7.8  案例 150

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

7.8.2  查看网页事件监听器 151

7.9  本章小结 152

7.10  本章高频面试题 152

7.11  实践操作练习题 153

第8章  BOM 155

8.1  BOM概述 155

8.2  window对象 156

8.3  location对象 160

8.4  navigator对象 162

8.5  history对象 163

8.6  screen对象 164

8.7  JavaScript动画 165

8.7.1  动画原理 165

8.7.2  封装动画函数 166

8.7.3  jQuery动画 168

8.8  案例 169

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

8.8.2  限时秒杀 170

8.9  本章小结 171

8.10  本章高频面试题 171

8.11  实践操作练习题 172

第9章  JavaScript特效综合实例 175

9.1  电影购票 175

9.1.1  页面布局 176

9.1.2  工具函数 178

9.1.3  选座 178

9.1.4  取消选座 180

9.2  在线网盘 181

9.2.1  页面布局 181

9.2.2  新建文件夹 182

9.2.3  文件夹操作 182

9.2.4  全选功能 183

9.3  “2048”游戏 184

9.3.1  页面布局 184

9.3.2  工具函数 186

9.3.3  键盘事件处理 187

9.4  轮播图 187

9.4.1  页面布局 188

9.4.2  轮播动画 189

9.4.3  防止暴力单击 190

9.5  网络购物车 190

9.5.1  页面布局 191

9.5.2  工具函数 192

9.5.3  勾选商品 193

9.5.4  增减和删除商品 193

9.6  放大镜 194

9.6.1  页面布局 195

9.6.2  功能实现 195

9.7  本章小结 196

9.8  实践操作练习题 196

第10章  Ajax 198

10.1  Ajax简介 199

10.2  Ajax对象 199

10.2.1  创建XMLHttpRequest对象 199

10.2.2  向服务器发送请求 199

10.2.3  获取服务器数据 200

10.3  Ajax数据交换格式 202

10.3.1  JSON简介 202

10.3.2  JSON数据格式 202

10.3.3  JSON方法 204

10.4  Ajax跨域 205

10.5  封装Ajax方法 207

10.6  案例：获取腾讯天气预报数据 208

10.7  Ajax访问本地JSON文件 211

10.8  本章小结 212

10.9  本章高频面试题 212

10.10  实践操作练习题 213

第11章  基于Ajax+ECharts的天气预报系统 214

11.1  数据可视化简介 214

11.2  ECharts 215

11.2.1  ECharts简介 215

11.2.2  ECharts快速上手 215

11.2.3  配置项 216

11.2.4  常用图表配置项 217

11.3  案例：基于Ajax+ECharts的天气预报系统的设计与实现 221

11.3.1  案例呈现 222

11.3.2  案例分析 222

11.3.3  页面布局 222

11.3.4  城市选择模块 223

11.3.5  Ajax获取腾讯天气数据模块 224

11.3.6  数据更新时间和实时提示语模块 225

11.3.7  极端天气预警信息模块 225

11.3.8  当前天气模块 226

11.3.9  湿度水球图模块 227

11.3.10  气压仪表盘模块 228

11.3.11  空气质量指数雷达图模块 228

11.3.12  逐小时天气预报模块 229

11.3.13  七日天气预报模块 231

11.3.14  七日最高温最低温柱状图模块 233

11.4  本章小结 235

11.5  本章高频面试题 235

11.6  实践操作练习题 236

第12章  ECMAScript 6 238

12.1  ECMAScript 6简介 239

12.2  let和const 239

12.2.1  let 239

12.2.2  const 241

12.3  解构赋值 242

12.3.1  数组的解构赋值 242

12.3.2  对象的解构赋值 243

12.4  运算符的扩展 244

12.4.1  指数运算符 244

12.4.2  链判断运算符 244

12.4.3  Null判断运算符 245

12.4.4  逻辑赋值运算符 246

12.5  数组的扩展 247

12.5.1  扩展运算符 247

12.5.2  Array.from() 248

12.5.3  Array.of() 249

12.5.4  实例方法：includes() 250

12.5.5  实例方法：at() 250

12.6  函数的扩展 251

12.6.1  箭头函数 251

12.6.2  函数参数的默认值 253

12.6.3  rest参数 254

12.7  字符串的扩展 254

12.7.1  模板字符串 255

12.7.2  实例方法 255

12.8  Symbol 256

12.9  Set和Map 257

12.9.1  Set 257

12.9.2  Map 259

12.10  for…of 260

12.11  Promise 261

12.12  async和await 264

12.13  本章小结 265

12.14  本章高频面试题 265

12.15  实践操作练习题 266

第13章  基于ES6的文创商城 268

13.1  项目概述 268

13.2  项目呈现 269

13.3  项目结构 269

13.4  商品数据结构 270

13.5  首页功能设计与实现 271

13.5.1  商品展示功能 271

13.5.2  商品切换功能 272

13.5.3  搜索栏吸附功能 273

13.5.4  侧边栏定位功能 274

13.5.5  跳转至详情页功能 274

13.6  商品详情页功能设计与实现 275

13.6.1  商品详情展示功能 275

13.6.2  本地存储功能 277

13.6.3  加入购物车功能 277

13.7  购物车页面功能设计与实现 278

13.7.1  购物车商品展示功能 278

13.7.2  购物车商品删除功能 279

13.8  本章小结 279

13.9  实践操作练习题 279