web开发, display:none, block 切换 div重新渲染的问题

一

一个div, 显示隐藏,可以这么做

• somedom.style.display = "none" //"block";
• $("xxxdiv").show() //.hide()
• vue的话 还可以利用 v-show机制
• className 操作

等等

二

这么切换, 会导致 div 重新渲染, 可能会引起很明显的抖动, 用户感觉不好

三

可以这么解决

隐藏一个div, 可以通过 增加style或css属性

{
	position: absolute;
	left: -10000000px;
	top: -10000000px;
	/* 根据情况再控制住宽度别发生变化 */
}

如需再次显示,就把上面的style或css去掉就行了.

四

我试过, visiable 之类的不好使