求解有关 display:none

面试中在面试官问 display:none 会不会回流,我查了好多博客,有的说display:none之后布局会变,会导致回流,但是我在 StackOverflow 看,有的说 display:none 不会回流,个人理解display:none之后元素虽然会被删除,但是dom节点还在,按理来说是不会回流,但是面试官说是肯定会回流的,求解,所以display:none会不会导致回流??
#前端开发实习##学习路径#
全部评论
display:none会导致元素脱离正常的文档流,也会引起其他元素的布局变化,所以会导致回流。但脱离文档流后的元素内的变化不会引起回流,所以如果某个元素内部需要大量修改内部的dom,可以先设置none脱离文档流后再操作dom ,操作完成后放回去 只需要两次回流。
2
送花
回复
分享
发布于 2021-05-30 15:17
面试的时候一般这种两可的,就按最简单的思路来说,我们知道display:none会改变dom,所以他肯定会导致节流,很多面试官其实掌握的也没有特别深入。。。
1
送花
回复
分享
发布于 2021-05-25 22:10
秋招专场
校招火热招聘中
官网直投
我看到过的解释是 dom树里面会显示display none的节点 生成的渲染树会把display none的节点删掉 所以会引起回流
点赞
送花
回复
分享
发布于 2021-05-27 22:11
肯定回流,具体看面试宝典,只要是大小发生变化一定会回流,而例如颜色的变化会重绘,reflow一定导致repaint
点赞
送花
回复
分享
发布于 2021-06-01 08:17

相关推荐

2 2 评论
分享
牛客网
牛客企业服务