小程序关于 wx:if和hidden方式隐藏元素

因页面渲染的时候，在渲染课程介绍的时候，课程介绍是一张大图，

image.png

在进行使用wx：if进行简介和目录TAB切换显示的时候，发现大图会闪烁一下，后来使用了hidden进行处理之后，就不会出现闪现的问题了。

总结一下：

wx:if

1：会进行销毁然后重新渲染
2：被隐藏的元素不操作进行渲染处理

hidden

1：不会销毁元素
2：在隐藏的情况下依然进行元素渲染

hidden使用场景：

1：默认加载默认图的机制：
如：如课程介绍的图比较大，一开始进来的时候先默认显示一个图片，使用惰性加载完成之后，再进行隐藏默认图。

2：多页面渲染切换TAB页面和style="display: {{sortId===currentTabId?'block':'none'}}"类似

使用建议：

切换频繁：hidden，反之使用wx:if