image 的一些实践

由于图片使用mode="widthFix"导致的页面闪动问题

当进入页面的时候，由于图片还未读取，所以其高未知，这个时候图片高度为0，当图片加载完后，图片高度从0展开，会出现很难看的闪动效果

解决

给设置个高度，如果图片是100vw显示的，将高度设置如下：

//使用图片宽高占比，计算100vw的值
height: calc(100vw * 实际高度 / 实际宽度);
//如：height: calc(100vw * 702 / 750);