新书速览|JavaScript前端开发与实例教程（微课视频版）（第2版）

《JavaScript前端开发与实例教程（微课视频版）（第2版）》

本书内容

JavaScript是开发Web前端必须掌握的编程语言，《JavaScript前端开发案例教程：微课视频版》以真实的项目需求为导向，循序渐进、深入浅出地讲解JavaScript开发技术。每章均由知识点讲解、案例实践、面试题和学科竞赛题四部分组成，并配套提供案例源代码、PPT课件、课后习题答案、微课视频、教案、教学大纲、课程实训、期末考试试卷、章节测试、实验报告、学习通共享课程、学科竞赛真题等丰富的教学资源。

《JavaScript前端开发案例教程：微课视频版》共分13章，主要内容包括JavaScript概述、语法基础、数组、函数、对象、DOM、事件处理、BOM、JavaScript特效综合实例、Ajax、基于Ajax+ECharts的天气预报系统、ES6、基于ES6的文创商城等，并提供了重污染天气预警、“2048”游戏、“渔夫打鱼晒网”程序设计、“扫雷”游戏、高亮显示关键词、留言板、折叠面板、浮现社会主义核心价值观内容、事件监听器、限时秒杀、电影购票、在线网盘、轮播图、网络购物车、放大镜等大量实例。 

本书作者

崔仲远，副教授，毕业于北京交通大学。长期从事高校教学工作和软件项目开发工作，实战开发经验丰富。先后承担《网页特效设计》《Web前端基础》《跨平台脚本开发技术》等多门课程的教学任务，发表学术论文多篇，主编教材2部，参编教材3部、专著1部。主持省级教改项目1项、科研项目1项。著有图书《HTML5+CSS3 Web前端开发与实例教程（微课视频版）》《JavaScript前端开发案例教程（微课视频版）》。

本书读者

《JavaScript前端开发案例教程：微课视频版》适合JavaScript初学者、Web前端开发人员阅读，也可作为高等院校Web前端开发、JavaScript程序设计、跨平台脚本开发、动态网页脚本技术等相关课程的教材。 

本书目录

向上滑动阅览

目    录

第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

编辑推荐

1JavaScript是一种解释型的脚本语言，具有动态性、跨平台、基于对象等特点，目前广泛应用于Web开发中，用于增强网页动态效果、提高与用户的交互性。

2《JavaScript前端开发案例教程：微课视频版》编者具有丰富的项目开发经验，以从项目中来、到项目中去的思想为主旨，从Web前端开发的基本概念入手，结合丰富的大小案例，详细介绍JavaScript页面编程方法。

3《JavaScript前端开发案例教程：微课视频版》配套资源非常丰富，包括课程思政元素、案例源代码、PPT课件、课后习题答案、微课视频、教案、教学大纲、课程实训、期末考试试卷、章节测试、实验报告、学习通建课资源包，能帮助读者快速掌握JavaScript前端技术。

本文摘自《JavaScript前端开发案例教程：微课视频版》，获出版社和作者授权发布。

JavaScript前端开发与实例教程（微课视频版）（第2版）——jd