display:none;页面会渲染吗

[ghostgril]

例如我在 vue，或者微信小程序里面使用切换 display:none 的类进行切换。那么这个过程是重新渲染吗？

之前都没用考虑过这种问题。想问问在 mvvm 里面和普通情况下，切换 display:none 进行显示和隐藏有什么区别呢

[sujin190]

调试工具条性能工具里可以看得到每个操作的重排重绘信息，我记得 w3c 的官方文档也写了每个 css 属性对重排重绘的影响了吧

一般来来说如果 display:none 之后影响其他元素的高度之类的就会产生重排，重绘基本都会有吧

vue 和微信小程序 if 这个在映射到 dom 之后使用的是添加和删除标签的操作，那么肯定会触发浏览器重新渲染了

chrome 调试工具条似乎有工具可以标记颜色显示网页各部分渲染，可以看出是否有重复渲染，想不起来那个工具了