手淘中天猫超市模块中的过度页是如何实现的？

Question

看图，就是这种过渡显示效果：

请问这种效果在H5和Native上的实现原理是什么？(web端很多网站也有这种效果)

另外还想请教一下这种设计在交互体验上的优势是什么？

Answer 1

这就是普通图片，灰色背景，改变形状，div和canvas也可以实现

好处就是优化loading的体验（相比空白屏），更重要的是避免图片加载出来后改变布局，同时给用户一个心理准备，告诉他这里会有图片

知乎早期就是没用占位图片，加载多图答案时，随着图片加载，文字不断往下滚，体验很差。

看你的图好像文字部分也加了占位图，不过道理和图片是一样的