DOM节点&移动端滑动

日期对象

日期对象的概念：表示时间的对象，可以获取当前的系统时间

目标：

   1.实例化：通过实例化日期对象，获取当前的时间
   
   2.掌握日期对象方法：用于格式化日期，写出常见形式的日期
   
   3.时间戳：通过该种特殊时间计量方式，计算时间差

（一）实例化

语法:获取当前时间，获取到的时间是按照年月日具体时间（精确到毫秒，Z是代表协调世界时即零时区）

    const date = new Date()

（二）日期对象方法

(三)时间戳

1.时间戳是什么？指从1970年01月01日00时00分00秒到现在的毫秒数

2.如何获取时间戳？

    //1.getTime()方法
    const date = new Date()
    console.log(date.getTime())
    //2.简写形式
    console.log(+new Date())
    //3.直接使用Date.now()
    console.log(Date.now())

节点操作

目标：

  1.能够理清楚DOM树的节点类型

  2.查找节点：能够查出父亲节点，子节点，兄弟节点

  3.增加节点：可以在页面中创建节点，在某处追加节点

```
  4.删除节点
```

（一）DOM节点

1.节点类型分类

 元素节点：根节点html，所有标签包含body

```
 属性节点：所有属性如href
```
```
 文本节点：所有文本
```
```
 其他
```

（二）查找节点

    //1.查找父节点
    childElement.parentNode //找最近一级父节点，找不到返回null
    //2.子节点查找
    parentElement.children  //查找所有子节点，包括文本节点，注释节点，返回一个伪数组
    //兄弟节点
    nextElementSibling //下一个兄弟节点
    previousElementSibling//上一个兄弟节点

（三）增加节点

1.创建节点

    document.createElement('标签名')

2.追加节点

    //1.插入到该父元素的最后
    parentElement.appendChild(inserElement)
    //2.插入到父元素的某个子元素前面
    parentElement.insertBefore(insertElement,element)
    //3.克隆节点
    element.cloneNode(boolean)//默认是false，不克隆其后代节点

（四）删除节点

    parentElement.removeChild(element)

移动端事件

这里只做一个了解

常见触屏事件：

插件

暂且见识较少目前理解是找别人的代码，了解功能，看演示找对应的demo，查看基本使用流程，看api文档

DOM节点&移动端滑动笔记