页面元素隐藏方式 和各自特点，以及回流与重绘的理解

 display:none   元素会在页面上消失，不占据页面空间，会导致浏览器的回流与重绘

visibility:hidden 元素在页面上占据的空间不变。所以它只会导致浏览器重绘而不会回流

opacity:0    元素在页面占据的空间不变，也就不会导致浏览器回流或重绘

回流：
页面中的元素增加、删除、大小、位置的改变，会引起浏览器重新计算 其他元素的位置，这种现象称为DOM回流。
重绘：
元素的某些css样式如背景色、字体颜色等发生改变时，浏览器需要重新描绘渲 染这个元素，这种现象称为DOM重绘。
回流一定会触发重绘，而重绘不一定会回流