你实现的前端图片预加载真的够优雅吗？

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 本文转载于稀土掘金技术社区，作者：zy习惯过了头 原文链接：https://juejin.cn/post/7410657936714055715 图片预加载场景 本篇文章只讨论用户在界面上的某种交互行为后，需要加载并显示新的图片资源的应用场景。 例如：在做移动端开发时，尤其是 H5 活动页，难免会遇到一些花里胡哨的 Tab，这个时候 UI 同学往往会给前端开发者提供若干张不同高亮 Tab 的图片，用户在点击 Tab 不同位置时，前端开发者需要切换对应 Tab 容器的背景图。 有的同学可能会问，在这种场景下，我们没做图片预加载，好像也没什么问题，是否有点大题小作？ 这个时候我们需要探讨一下图片预加载的原理和意义。 原理：提前下载将来需要的图片资源，让浏览器持有图片资源的缓存，将来需要使用对应图片资源时直接 ………………………………