JavaScript webAPI 节点 时间戳 时间对象封装 什么是数据渲染

节点的操作:

名称	功能语义	语法	介绍
parentNode	找父节点	子元素.parentNode	找到当前元素最近的一级父元素
children	找子节点/孩子们	父元素.children 不能使用forEach,所以它的遍历使用for	找到父元素下的子节点
nextElementSibling	找下一个兄弟元素	元素.nextElementSibling	下个/元素/兄弟
previousElementSibling	找上一个兄弟元素	元素.previousElementSibling	以前/元素/兄弟
createElement	创建新节点	let 命名= document.createElement(标签名称)	创建元素
appendChild	追加子元素到最后	永远加到最后	box.appendChild(p)
insertBefore	追加子元素到前后	box.insertBefore(p, box.children[0]) 需要写追加到哪个前面	box.insertBefore(你想插入的子元素,位置参照)
cloneNode	克隆节点	false: 浅拷贝 只拷贝元素结构 true: 深拷贝拷贝元素结构及内容	元素.cloneNode(true):可以将指定的元素复制一份
removeChild	直接删子元素	父元素.removeChild(直接删子元素)	parentNode.remove()删自己

时间戳:

是指当前指定日期离现在的毫秒数;有以下三种写法

      // 时间戳：当前指定日期离 1920-1-1 0:0:0 的毫秒值
      let date = new Date('1980-1-1 0:0:0')

      // 1. 可以传入设置时间
      console.log(date.getTime())

      // 2. 可以传入设置时间
      console.log(+new Date());

      // 3. 只能取到当前日期和之前的时间戳
      console.log(Date.now());时间

时间对象:

new Date()可以获取当前日期对象，包括 年月日时分秒

      //时间对象函数封装
		function teim() {
            //获取时间对象
            let date = new Date()
            //获取年
            let year = date.getFullYear()
            //获取月
            let moth = date.getMonth() + 1
            //获取日
            let day = date.getDate()
            //获取时,补零
            let hour = date.getHours()
            hour = hour < 10 ? '0' + hour : hour
            //获取分,补零
            let minute = date.getMinutes()
            minute = minute < 10 ? '0' + minute : minute
            //获取秒,补零
            let second = date.getSeconds()
            second = second < 10 ? '0' + second : second

            let teim = (`${year}年${moth}月${day}日 ${hour}:${minute}:${second}`)
            return teim
        }

数据渲染的步骤

渲染前提：渲染必须需要 数据 和 静态结构

1.准备数据
2.准备好静态结构
3.数据一般是对象数组(数组里面的每个元素都是对象)，所以需要遍历拼接
  定义一个字符串用于拼接
  使用某种循环遍历数据源
  拼接字符串，将数据进行替换
4.将拼接生成好的结构渲染到指定位置