这是我参与【第五届青训营】伴学笔记创作活动的第十天 删除节点:
在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)称为重绘。
重绘不一定引起回流,而回流一定会引起重绘 什么是事件:
事件是编程时系统内发生的动作或者发生的事情