Vue多图片预加载解决方案

效果图

简介

解决页面存在大量图像造成页面白屏问题，可自定义图像未加载完毕前的骨架屏、加载框等，也可控制加载中、加载完毕的状态。

多图像预加载解决方案，等待所有图片全部加载完毕（未加载完毕会显示自定义区域，例如骨架屏），使得页面渲染后直接打开缓存的图像资源。

使用方法

Gitee：https://gitee.com/wangjiabin-x/imgLoding

具体请看仓库 README.md ，示例代码干净整洁，详细注释。

注意事项

由于网速都比较快（看不到效果），打开示例网页后，请按 F12 打开控制台，找到 Network，找到 No throttling，下拉列表中选择 Slow 3G，并且勾选 Disable cache 禁止缓存选项，然后点击刷新即可，具体通过控制台降低网速请查看相关教程。