掘友等级
获得徽章 0
真实图片加载前的占位图，除了使用简单的灰色色块，我们还可以利用WebGL的着色器先提取图像的骨架，再进行真实色彩上色，这样的占位图只是线条，极易压缩，体积小，体验很好，使用户提前感知真实图像的内容，尤其针对大型图片。
基于运行时的骨架屏生成的优点之一就是，请求未完成前，用户即可知晓页面布局位置，且可交互
这几天调研了一下骨架屏的解决方案，一言难尽，无意义的方向性错误的内卷，我之前if-else写的都嫌麻烦，没想到外面这么复杂，花几天自己写了个工具，三个字母自动生成骨架屏，像素级还原，原子颗粒度，100%关联组件内容![[尴尬]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_11.8824107.png)
![[尴尬]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_11.8824107.png)