前端部分知识总结

不间断更新

display:none 和 visibility:hidden 的区别

display:none
彻底消失
将会隐藏它以及所有的后代元素
占据的空间消失，浏览器不会解析该元素
页面产生 回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，此时就是回流。所有页面第一次加载时需要产生一次回流）

visibility:hidden
视觉消失 可以理解为透明度为 0
占据的空间仍存在，浏览器仍然会解析该元素
visibility 具有继承性，父元素设置 visibility:hidden，子元素也会继承该属性，当子元素重新设置 visibility:visible，元素又会重新显示，而display:none 不会