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

第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