图书购买地址：《Javscript实用教程》

目录

Javascript实用教程... 1

目录... 2

第 1 部分... 12

◄ Javascript基础 ►. 12

第 1 章... 13

◄ JavaScript 语法基础►. 13

1.1 基本概念和开发工具... 13

1.1.1 编程语言... 13

1.1.2 计算机语言... 13

1.1.3 编程语言... 13

1.1.4 翻译器... 14

1.1.5 编程语言和标记语言区别... 14

1.1.6 计算机基础... 14

1.1.7 浏览器... 16

1.1.8 网页、网站和应用程序... 16

1.1.9 开发工具... 16

1.2 JavaScript 是什么... 18

1.2.1 JavaScript语言特点... 18

1.2.2 编译语言和脚本语言... 19

1.2.3 JavaScript应用场景... 19

1.2.4 JavaScript 与浏览器的关系... 20

1.2.5 JavaScript的组成... 20

1.3 初次体验JavaScript 代码... 21

1.3.1 JavaScript代码注意事项：... 22

1.3.2 代码注释... 23

1.4 变量... 24

1.4.1 变量引入、声明和初始化... 24

1.4.2 变量在内存中的存储... 25

1.4.3 变量的命名规则和规范... 25

1.4 数据类型... 27

1.4.1 Number类型... 27

1.4.2 进制介绍（了解）... 27

1.4.3 String类型... 30

1.4.4 Boolean类型... 32

1.4.5 Undefined和Null 32

1.4.6 数据类型转换... 32

1.4.7 字面量... 34

1.4.8 获取变量的类型... 34

1.4.7 复杂数据类型 Object（对象）... 35

1.5 运算符... 36

1.5.1 算术运算符... 36

1.5.2 一元运算符... 36

1.5.3 逻辑运算符(布尔运算符) 37

1.5.4 关系运算符(比较运算符) 37

1.5.5 赋值运算符... 37

1.5.6 运算符的优先级... 37

第 2 章... 39

◄ JavaScript流程控制►. 39

2.1 顺序结构... 39

2.2 分支结构... 39

2.2.1 if语句... 39

2.2.2 三元运算符... 41

2.2.3 switch语句... 41

2.2.4 分支语句总结... 42

2.2.5 布尔类型的隐式转换... 43

2.3 循环结构... 43

2.3.1 while语句... 43

2.3.2 do...while语句... 44

2.3.3 for语句... 45

2.3.4 continue和break. 46

2.3 调试... 47

第 3 章... 48

◄ 数组、函数、作用域►. 48

3.1 数组... 48

3.1.1为什么要学习数组... 48

3.1.2 数组的概念... 48

3.1.3 数组的定义... 48

3.1.4 获取数组元素... 49

3.1.5 遍历数组... 50

3.1.6 数组中新增元素... 50

3.1.7 数组案例... 50

3.2 函数... 52

3.2.1 为什么要有函数... 52

3.2.2 什么是函数... 52

3.2.3 函数的定义... 53

3.2.4 函数的调用... 53

3.2.5 函数的参数... 54

3.2.6 函数的返回值... 55

3.2.7 arguments的使用... 56

3.2.8 匿名函数... 56

3.2.9 自调用函数... 56

3.2.10 函数是一种数据类型... 57

3.3 作用域... 58

3.3.1 全局变量和局部变量... 58

3.3.2 块级作用域... 59

3.3.3 词法作用域... 59

3.3.4 作用域链... 60

3.3.5 变量提升... 60

3.3.6 预解析... 61

第 4 章... 64

◄ 对象和内置对象►. 64

4.1 对象... 64

4.1.1 为什么要有对象... 64

4.1.2 什么是对象？... 64

4.1.3 JavaScript中的对象... 65

4.1.4 对象创建方式... 65

4.1.5 属性和方法... 66

4.1.6 new关键字... 67

4.1.7 this详解... 67

4.1.8 对象操作... 68

4.1.8.1 遍历对象的属性... 68

4.1.8.2 删除对象的属性... 68

4.2 基本类型和复杂类型... 69

4.2.1 堆和栈... 69

4.2.2 值类型在内存中的存储... 69

4.2.3 引用类型在内存中的存储... 70

4.2.4 值类型作为函数的参数... 71

4.2.5 引用类型作为函数的参数... 72

4.3 内置对象... 73

4.3.1 Math对象... 73

4.3.2 Date对象... 74

4.3.3 Array对象... 76

4.3.4 基本包装类型... 79

4.3.5 String对象... 80

第 2 部分... 83

◄ Web API ►. 83

Web API介绍... 83

API的概念... 83

Web API的概念... 83

JavaScript的组成... 83

第 5 章... 85

◄ BOM►. 85

5.1 BOM介绍... 85

5.1.1 BOM的概念... 85

5.1.2 BOM的顶级对象window.. 85

5.2 对话框... 87

5.2.1 alert() 87

5.2.2 prompt() 88

5.2.3 confirm() 88

5.2 页面加载事件... 89

5.3 定时器... 89

5.4 location对象... 90

5.5 history对象... 93

5.6 navigator对象... 94

第 6 章... 97

◄ DOM和事件►. 97

6.1 DOM... 97

6.1.1 DOM的概念... 97

6.1.2 模拟文档树结构... 98

6.2.3 DOM经常进行的操作... 99

6.2 事件... 101

6.2.1 事件的基本使用... 101

6.3 属性操作... 102

6.3.1 非表单元素的属性... 102

6.3.2 innerText、textContent 105

6.3.3 innerHTML和innerText的区别... 105

6.3.4 表单元素属性... 106

6.3.5 自定义属性操作... 110

6.3.6 样式操作... 112

6.3.7 类名操作... 112

6.3.8 创建元素的三种方式... 114

6.4 节点操作... 116

6.4.1 节点的基本操作... 116

6.4.2 节点属性操作... 118

6.4.3 节点层级... 118

6.4.3.1 获取单个的子节点... 118

6.4.3.2 获取所有的子节点... 119

6.4.3.3 获取父节点... 119

6.5 事件详解... 121

6.5.1 注册/移除事件的三种方式... 121

6.5.2 事件冒泡... 123

6.5.3 事件的三个阶段... 125

6.5.4 事件对象的属性和方法... 127

6.5.4.1 事件句柄　(Event Handlers). 127

6.5.4.2 常用的鼠标和键盘属性... 128

6.5.4.3 event属性和方法总结... 129

6.5.4.4 案例... 130

6.6 偏移量... 132

6.6.1 offset系列：获取元素... 132

6.6.2 client系列可视区域... 134

6.6.3 滚动偏移：scroll系列... 135

6.7 综合案例... 136

6.7.1 轮播图... 136

6.7.2 固定导航栏... 142

6.7.3 导航栏特效... 145

第 3 部分... 149

◄ Javascript 高级►. 149

第 7 章... 150

◄  JavaScript 面向对象编程 ►. 150

7.1 面向对象介绍... 150

7.2 创建对象的方式... 151

7.2.1 字面量的方式... 151

7.2.2 调用系统的构造函数... 152

7.2.3 自定义构造函数方式... 152

7.2.4          工厂模式创建对象... 153

7.2.5 工厂模式和自定义构造函数创建对象的区别... 153

7.2.6 构造函数和对象的关系... 154

7.3 原型的引入... 155

7.4 面向过程和面向对象... 156

7.5 构造函数、原型对象、实例对象之间的关系... 158

7.6 利用原型共享数据... 158

7.6.1 原型的简单语法... 158

7.6.2 原型中方法的使用... 159

7.6.3 内置对象的原型方法... 160

7.6.4 把局部变量变成全局变量... 161

7.7 原型及原型链... 162

7.7.1 原型指向可以改变... 162

7.7.2 实例对象属性和原型对象属性重名问题... 164

7.7.3 通过一个HTML的元素对象来查看原型链... 166

7.8 实现继承... 166

7.8.1 原型实现继承... 167

7.8.2 构造函数实现继承... 167

7.8.3 组合继承... 169

7.8.4 拷贝继承... 170

第 8 章... 172

◄ 函数进阶和其它 ►. 172

8.1 函数的定义方式... 172

8.2 函数的调用方式... 173

8.2.1 函数内 this 指向的不同场景... 173

8.2.2 严格模式... 174

8.2.3 函数也是对象... 175

8.2.4 数组中函数的调用... 176

8.2.5 apply和call调用... 177

8.2.6 bind方法... 179

8.2.7 call、apply、bind的区别... 180

8.3 函数中自带的属性介绍... 180

8.4 函数作为参数使用... 181

8.3 函数作为返回值使用... 182

8.4 作用域和作用域链... 183

8.5 闭包... 184

8.6 沙箱模式... 186

8.7 递归... 187

8.8 浅拷贝和深拷贝... 188

8.9 递归案例... 191

8.9.1 遍历DOM树... 191

8.9.2 生成菜单导航... 192

8.10 伪数组和数组... 194

8.11 JavaScript 垃圾回收机制... 196

8.11.1 可访问性（Reachability）... 196

8.11.2 一个简单示例... 196

8.11.3 两个引用... 197

8.11.4 相互引用的对象... 197

8.11.5 孤岛（Unreachable island) 199

8.11.6 内部算法... 200

第 9 章... 203

◄ 正则表达式 ►. 203

9.1 正则表达式简介... 203

9.1.1 什么是正则表达式... 203

9.1.2 正则表达式的作用... 203

9.1.3 正则表达式的特点... 203

9.1.4 正则表达式的组成... 204

9.1.5 常用案例... 205

9.1.6 如何验证正则表达式的正确性... 206

9.1 JavaScript 中使用正则表达式... 206

9.1.1 创建正则对象... 206

9.1.2 正则匹配... 207

9.1.3 正则提取... 207

9.1.4 正则替换... 209

9.3 正则表达式使用案例... 210

9.3.1 密码强度验证... 210

9.3.2 表单验证... 214

第 10 章... 217

◄ 贪吃蛇案例 ►. 217

10.1 示例介绍... 217

10.2 实现步骤... 219

10.2.1 画地图和操作按钮... 219

10.2.2 封装食物对象... 220

10.2.3 封装小蛇对象... 222

10.2.4 封装游戏对象... 224

10.2.5 游戏调用... 227

第 4 部分... 228

◄ Javascript下一代标准 ►. 228

第 11 章... 229

◄ ES6~ES10新特性介绍 ►. 229

11.1 ES6新特性... 229

11.1.1 Arrows（箭头函数）... 229

11.1.2 const和let 230

11.1.3 模板字符串... 230

11.1.4 函数的参数默认值... 230

11.1.5 延展操作符(Spread operator) 231

11.1.6 对象解构... 231

11.1.7 for...of 和 for...in. 231

11.1.8 对象属性简写... 232

11.1.9 Promise. 232

11.1.10 class（类）... 235

11.1.11 Module (模块化) 236

11.2 ES7新特性... 238

11.2.1 Array.prototype.includes() 238

11.2.2 指数操作符**. 238

11.3 ES8新特性... 238

11.3.1 async await 239

11.3.2 Object.values/Object.entries. 241

11.3.3 padStart 和 padEnd. 241

11.4 ES9新特性... 242

11.4.1 for await...of. 242

11.4.2 Object Rest Spread. 243

11.4.3 Promise.prototype.finally() 245

11.4.4 新的正则表达式特性... 246

11.5 ES10新特性... 248

11.5.1 Array.prototype.flat() 248

11.5.2 Array.prototype.flatMap() 249

11.5.3 String.trimStart 和 String.trimEnd. 249

11.5.4 String.prototype.matchAll. 249

11.5.5 修改 catch 绑定... 250

11.5.6 新的基本数据类型 BigInt. 250

11.5.7 Object.fromEntries(). 250

11.5.8 Symbol.prototype.description. 251

11.5.9 Function.prototype.toString() 251

第 12 章... 252

◄ TypeScript简单介绍 ►. 252

12.1 TypeScript简介... 252

12.1.1 安装TypeScript 252

12.1.2 开始我们的第一个TypeScript程序... 253

12.1.3 类型注解... 255

12.1.4 接口... 255

12.1.5 类... 256

12.2 TypeScript基础类型... 257

12.2.1 元组 Tuple. 257

12.2.2 枚举... 257

12.2.3 任意值any. 258

12.2.4 空值... 259

12.2.5 Null 和 Undefined. 259

12.2.6 Never 259

12.2.7 类型断言... 259

参考文献... 261

《Javscript实用教程》相关推荐

1. ComeFuture英伽学院——2020年 全国大学生英语竞赛【C类初赛真题解析】(持续更新)

   视频:ComeFuture英伽学院--2019年 全国大学生英语竞赛[C类初赛真题解析]大小作文--详细解析 课件:[课件]2019年大学生英语竞赛C类初赛.pdf 视频:2020年全国大学生英语竞赛 ...

2. ComeFuture英伽学院——2019年 全国大学生英语竞赛【C类初赛真题解析】大小作文——详细解析

   视频:ComeFuture英伽学院--2019年 全国大学生英语竞赛[C类初赛真题解析]大小作文--详细解析 课件:[课件]2019年大学生英语竞赛C类初赛.pdf 视频:2020年全国大学生英语竞赛 ...

3. 信息学奥赛真题解析（玩具谜题）

   玩具谜题(2016年信息学奥赛提高组真题) 题目描述 小南有一套可爱的玩具小人, 它们各有不同的职业.有一天, 这些玩具小人把小南的眼镜藏了起来.小南发现玩具小人们围成了一个圈,它们有的面朝圈内,有的 ...

4. 信息学奥赛之初赛 第1轮 讲解（01-08课）

   信息学奥赛之初赛讲解 01 计算机概述 系统基本结构 信息学奥赛之初赛讲解 01 计算机概述 系统基本结构_哔哩哔哩_bilibili 信息学奥赛之初赛讲解 02 软件系统 计算机语言 进制转换 信息 ...

5. 信息学奥赛一本通习题答案（五）

   最近在给小学生做C++的入门培训,用的教程是信息学奥赛一本通,刷题网址 http://ybt.ssoier.cn:8088/index.php 现将部分习题的答案放在博客上,希望能给其他有需要的人带来 ...

6. 信息学奥赛一本通习题答案（三）

   最近在给小学生做C++的入门培训,用的教程是信息学奥赛一本通,刷题网址 http://ybt.ssoier.cn:8088/index.php 现将部分习题的答案放在博客上,希望能给其他有需要的人带来 ...

7. 信息学奥赛一本通 提高篇 第六部分 数学基础 相关的真题

   第1章   快速幂 1875:[13NOIP提高组]转圈游戏 信息学奥赛一本通(C++版)在线评测系统 第2 章  素数 第 3 章  约数 第 4 章  同余问题 第 5 章  矩阵乘法 第 6 章 ...

8. 信息学奥赛一本通题目代码（非题库）

   为了完善自己学c++,很多人都去读相关文献,就比如<信息学奥赛一本通>,可又对题目无从下手,从今天开始,我将把书上的题目一 一的解析下来,可以做参考,如果有错,可以告诉我,将在下次解析里重 ...

9. 信息学奥赛一本通（C++版） 刷题 记录

   总目录详见:https://blog.csdn.net/mrcrack/article/details/86501716 信息学奥赛一本通(C++版) 刷题 记录 http://ybt.ssoier. ...

10. 最近公共祖先三种算法详解 + 模板题 建议新手收藏 例题： 信息学奥赛一本通 祖孙询问 距离

    首先什么是最近公共祖先?? 如图:红色节点的祖先为红色的1, 2, 3. 绿色节点的祖先为绿色的1, 2, 3, 4. 他们的最近公共祖先即他们最先相交的地方,如在上图中黄色的点就是他们的最近公共祖先 ...

最新文章

1. Java8新特性Stream API与Lambda表达式详解（1）
2. Basic Level 1018. 锤子剪刀布 (20)
3. JIRA7.10迁移
4. [Java基础]Set集合概述和特点
5. HDU 6071 Lazy Running
6. 在外卖市场造一个拼多多
7. 从java的NIO版hello world看java源码，我们能看到什么？
8. python3基本数据类型02——列表、元组
9. AI 对不起 我还爱着你
10. 最流行的 6 款 Python 解释器
11. [Sturts2]继承ActionSupport类
12. GPS同步时钟（NTP时钟服务器）常见故障解决与价格差异分析
13. 性能分析26-tomcat优化P61
14. 批量导出pdf 和导出图片
15. 如何求绝对值最小的数
16. RK1126从入门到放弃：番外篇（二）Win10 WSL系统下编译buildroot报错不支持SYSV IPC，导致fakeroot无法正常工作
17. 前端javascript总结笔记(一)--js的三座大山
18. 上下取整函数的关系以及一些重要性质(附证明)
19. Vista HTTPS 证书错误
20. MPI: 虚拟拓扑和近邻通信

热门文章

1. 计算机病毒与恶意代码防范技术
2. 海致大数据京信_God-Of-BigData
3. 【C语言优秀综合课程设计】学生点名系统的设计与实现（2021-07-09）
4. 首份财报：不太稳定的水滴
5. NVIDIA NX刷机，配置深度学习环境
6. 开源全景图查看器-360player_v3.0更新
7. Python宿舍管理系统 毕业设计-附源码231642
8. DNS BIND 搭建域名智能解析DNS服务器之IP地址归类（ACL）
9. 1加到100用python实现
10. 蓝桥杯 基础练习 01字串 C/C++/Java/Python描述