《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