DOM节点学习

75 阅读2分钟

这是我参与【第五届青训营】伴学笔记创作活动的第十天 删除节点:

在js原生DOM操作中,要删除元素必须通过父元素删除

语法:父元素.removeChild(要删除的元素)

注:如果不存在父子关系则删除不成功

删除节点和隐藏节点有区别:隐藏节点还是存在的,但是删除,则从html中删除节点

 

时间对象:

实例化:在代码中发现了new关键字时,一般将这个操作称为实例化。类->对象

获得当前时间

语法:let date = new Date()

指定时间 let date = new Date(‘1948-2-28 18:30:00’)

 

时间戳:

什么是时间戳:是指1970年01月01日00时00分00秒起至现在的毫秒数,他是一种特殊的计量时间的方式

三种获取时间戳的方法:

1. 使用getTime()方法

2. 简写+new Date()

3. 使用Date.now()方法 无需实例化

转换方法:

重绘和回流

浏览器是如何进行界面渲染的:

1. 解析(Parser)HTML,生成DOM树

2. 同时解析CSS,生成样式规则(Style Rules)

3. 根据DOM树和样式规则,生成渲染树(Render Tree)

4. 进行布局Layout(回流/重排);根据生成的渲染树,得到节点的几何信息(位置,大小)

5. 进行绘制Painting(重绘);根据计算和获取的信息进行整个页面的绘制

6. Display:展示在页面上

回流(重排)

当Render Tree中部分或者全部元素的尺寸,结构,布局等发生改变时,浏览器就会重新渲染部分或全部文档的过程称为回流

重绘

由于节点(元素)的样式的改变并不影响它在文档流中位置和文档布局时(比如:color,background-color)称为重绘。

重绘不一定引起回流,而回流一定会引起重绘 什么是事件:

事件是编程时系统内发生的动作或者发生的事情