web APIS 第四章

• new 实例化 一般用于底层对象的应用 注意：不加new就不能使用方法

• Date（） 当前时间

• Date(指定时间) 获得指定时间
  场景：const date = new Date()
  场景：const date = new Date('2099-12-12 22:22:22')

• Date对象相关方法

const myDate = new Date()
    console.log(myDate.getFullYear()) // 得到年份 数字型
    console.log(myDate.getMonth() + 1) // 得到月份 数字型的需要加1
    console.log(myDate.getDate()) // 得到几号 数字型的
    console.log(myDate.getDay()) // 得到星期  数字型
    console.log(myDate.getHours()) // 得到小时
    console.log(myDate.getMinutes()) // 得到分钟
    console.log(myDate.getSeconds()) // 得到秒数
    console.log(`现在的日期是:${myDate.getFullYear()}年${myDate.getMonth() + 1}月${myDate.getDate()}日`)

时间戳 是指1970年01月1日0点0时0秒到现在的毫秒数，他是一种特殊的计量时间的方式

将来的时间戳-现在的时间戳 = 剩余时间戳

1. 寻求ai帮助，输入提示语：将js语法转换成天，小时，分钟，秒字符串
2. 获取现在的时间戳 +new Date()
3. 获取你要设置到现在的时间戳
4. 将两个时间戳设置并相减 等于一个新变量
5. 将新变量放入ai搜索所得的函数里
6. 然后获取dom元素并把数据渲染里面去
7. 最后设置一个定时器设为1000毫秒，前面的函数可以放匿名函数把数据放里面去，也可以用具名函数封装然后把函数名放里面

查找节点

• 子节点查找 父元素.children
• 兄弟节点查找 1.兄弟元素.nextElementSibling 查找下一个兄弟节点 2.兄弟元素.previousElementSibling 查找上一个兄弟节点

增加节点

1. 先用document.createElement('li')创建标签的节点

2. 再获取ul的dom元素 document.querySelector('ul')

3. 再用给元素定义变量
   ul.append(li)ul列表最后面添加li
   ul.prepend(li)ul列表最前面添加li

 // 触摸事件
    const box = document.querySelector('.box')
    // 1. 手指触屏开始事件 touchstart
    box.addEventListener('touchstart', function (e) {
      console.log('我开始摸了',e.touches)
    })
    // 2. 手指触屏滑动事件 touchmove
    box.addEventListener('touchmove', function (e) {
      console.log('我一直摸',e.touches)
    })

    // 3. 手指触屏结束事件  touchend
    box.addEventListener('touchend', function (e) {
      console.log('我摸完了',e.touches)
    })

touchstart 手指触屏开始事件
touchmove 手指触屏滑动事件
touchend 手指触屏结束事件