图片模块的缓存问题

require 导入的图片,通过new Image().src 的方式实现预加载,但是这种方式好像不能加入到缓存,突然改变图片的src还会是闪一下,要创建一个真实img tag,动态添加到body中才能去请求并缓存起来。
请问有什么更简单性能更好更省流量的方法呢?

需要预加载的图片
https://img.mukewang.com/5c0e0c5e000108a203900242.jpg

创建节点的方式可以缓存
https://img3.mukewang.com/5c0e0c670001d29603200125.jpg

img 对象的方式好像不能缓存

https://img4.mukewang.com/5c0e0c740001784503910175.jpg

HUX布斯
浏览 492回答 1
1回答

杨__羊羊

1) 同一张图片如果不对图片做出压缩、gzip等减小体积的操作的话,是没有办法减小传输流量的。2) 使用 new Image 方式预加载的图片,浏览器(至少在 Chrome/57.0.2987.133中),是被缓存的。所以我想问你一下,你说好像不能缓存,是如何确认结果?(可能你确认错了)。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript