在预加载期间为图像提供骨骼占位符

Question

虽然我知道clientWidth和clientHeight只能在加载图像后获取。

  

是否有另一种方法来获取其计算的clientWidth和   预先提供clientHeight 来渲染骨架占位符？

正如我在https://500px.com和http://pexels.com这样的网站上注意到的那样，他们能够在图像完全加载之前渲染其骨架占位符，从而为其分配计算的空间量（宽度和高度）各自的容器。

我使用了来自Google Material- Masonry Image Grid

的 @ material / image-list

这是我根据自己的关注而创建的StackBlitz Demo Link。仅在第一次加载期间运行该应用程序之后，请确保清除缓存，这样您会注意到我指的问题。

网格运行良好，我的唯一缺点是在第一次加载时还没有缓存图像-它们的表现不佳，因为我怀疑尚未确定其个人空间，这导致了连续调整空间分配来间歇性地拍摄图像。

  

这是我当前的砌体图像网格列表的照片

     

此处显示的图像列表不是我的个人财产，仅用于演示目的，不能用于商业用途。

  

如果没有这些图像，这就是我想达到的目标   满载