1. 前言
在微信小程序中，图片加载是一个非常常见的需求。而图片的加载方式也是需要我们开发者选择的。今天我们就来介绍一下在微信小程序中的两种图片加载方式。
2. wx:if 的方式加载图片
首先，我们来看一下最基本的、最容易想到的一种图片加载方式就是通过wx:if来控制图片的显示与隐藏。
我们在小程序页面的 wxml 文件中定义一个img标签，并根据需要添加wx:if指令。当满足wx:if的条件时，图片将会被显示出来。
例如：
<img wx:if="{{isShowImg}}" src="{{imgUrl}}"/>
在 JavaScript 中，我们可以动态地控制isShowImg与imgUrl来实现图片的显示与隐藏。
这种加载方式的优点是：
实现简单。
可以通过条件来动态控制图片的显示与隐藏。
缺点是：
图片的加载时机受限于条件的控制，而无法高效地预加载。
频繁加载图片可能会导致视图的抖动。
3. image 标签的方式加载图片
image 标签是一种全新的图片加载方式。我们可以使用image标签来加载图片，而不用考虑图片的显示与隐藏。
使用 image 标签加载图片时，我们需要在image标签中指定src属性来加载图片。例如：
<image src="{{imgUrl}}"/>
我们还可以在image 标签中预定义mode属性，通过设置不同的模式来适应不同的图片尺寸。
这种加载方式的优点是：
比前一种方式简单，不用考虑图片的显示与隐藏。
image标签可以异步加载图片，并且可以实现高效预加载。
通过mode属性的设置，可以适应不同的图片尺寸。
缺点是：
如果图片尺寸设置错误，可能存在图片变形的现象。
当处理大量图片时，可能会导致页面性能下降。
4. 结论
综合来看，在微信小程序中使用image标签来加载图片是更加优秀的选择。它可以异步预加载图片，并且可以适应不同的图片尺寸。但需要注意的是，在大量加载图片时，需要考虑性能问题。