webAPIs（高阶函数，排他思想，节点关系，节点操作，时间对象，时间戳）

高阶函数 ：

定义：如果将一个函数当成参数来使用或者一个函数中会返回（return），这种用法称为高阶函数

排他思想 ：

定义：一种常见的交互处理方式
含义：
以标签页为例，如果一个li被点击了，那么被点击的这个li会改变样式，其他li样式不能改变
（只许州官放火，不许百姓点灯）
实现思路：
用户在点击时【先将】所有的 li 样式进行恢复（数组遍历），【再将】被点击的 li 样式单独进行设置

排他思想优化

节点关系 ：

定义：指 HTML 标签的关系，父子关系、兄弟关系
（通过父子关系或兄弟关系可以【查找】节点）
1… 根据子元素找父元素
语法：DOM对象.parentNode

2… 根据父元素找子元素
语法：DOM对象.children

3… 找相邻元素（兄弟）
语法一：DOM对象.nextElementSibling 相邻后面的节点
语法二：DOM对象.previousElementSibling 相邻前面的节点

节点操作 ：

定义：是指针对 DOM 进行增删改查的操作
1… 创建节点（创建html标签）
语法： document.createElement(" ")

2… 添加节点（将创建好的节点显示到页面）
2-1… 语法：DOM对象.appendChild()

2-2… 语法：DOM对象.ainsertBefore（新节点，已经存在的某个子节点）

2-3… 创建的节点，也可以修改样式、修改内容、修改属性、添加事件（和获取的没有区别）

2-4… 克隆节点
语法：DOM对象.cloneNode(true/false)

2-5… 删除节点
语法：DOM对象.removeChild(被删除的节点)

时间对象 ：

定义：在 Javascript 中想要获取时间就会用到时间对象，具体是指 Date
语法：
1… 先得到时间对象：let xxx = new Date();
（注意：new Date() 如果没有传参数，那获取的为计算机时间
传参可以创建特定时间的时对象：new Date(‘2022-05-03 21:00:00’)）
2… 时间对象中就包含了很多的方法，用于获取时间的不同组成（年、月、日、星期等）
xxx.getFullYear();年
xxx.getHours();小时
xxx.getMonth(); // 月份是从 0 ~ 11, 0 代表 1月份
xxx.getDay(); // 0 ~ 6, 0 代表星期日

时间戳(timestamp) ：

定义：是从 1970年1月1日0点0分开始到现在所经历的【毫秒】数
1970年1月1日0点0分才有计算机 （计算机元年）
获取时间戳：

方法一：
let now = new Date()：定义一个时间对象
now.getTime()
方法二：Date.now() // 推荐
方法三：+now（小技巧）