关于DOM reflow ，CSS 里 display 对DOM的影响。
比如说，
页面中有一个弹出层内联样式为display：none;
当页面渲染完成后，我再去用页面的指定控件触发弹出层这时样式为display:block;
问题：
1.这样切换display的值会不会对DOM 的reflow产生影响，如果有请解释下。
2.在1基础上，如果有的话我可以设置 visibility:hidden这样减少对DOM reflow的影响否？
写回答
-
首先，display的切换会触发reflow，而visibility不会。
因为w3c的wiki中写到，display的none的解释是This value causes an element to not appear in the document. It has no effect on layout.即display为none的元素会从常规流中删除。
而visibility的none的解释则为The generated box is invisible (fully transparent, nothing is drawn), but still affects layout. Furthermore, descendants of the element will be visible if they have 'visibility: visible'.意思是说当前元素不可见，但是仍然存在于布局中。
reflow我再继续写点。。。慢点更新。。。
2019-07-17 19:14:42赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
