瀑布流解决图片加载

Question

在瀑布流中怎么解决由于图片动态延迟加载出现高度不确定问题

Answer 1

可以考虑先加载图片的低分辨率缩略图副本，然后隐藏的加载图片原图，等原图加载完成后再替换缩略图，用js实现。

Answer 2

可以等图片加载完成再添加到瀑布流中
http://imagesloaded.desandro.com/

Answer 3

一，可把图片宽高存起来，显示的时候就按宽高比缩放。
二，预加载图片，动态加载得到图片URL，js拿到url后先把图片加载到本地，等所有图片加载完，再插入页面中

Answer 4

https://github.com/aFarkas/lazysizes

Answer 5

https://github.com/Rise-Devin... 基于vue的瀑布流组件，亲测可用