图片预加载

什么是图片预加载

在页面加载完成之前，提前把需要的图片缓存到浏览器缓存中，当需要使用的时候，直接取缓存就行。

如何实现图片预加载

使用 js 的方式

创建一个 image 元素
将需要预加载的图片地址，赋值给 image 的 src
给 image 添加 onload 和 onerror 事件，以记录图片的状态

使用 css 的方式

使用 css 的 background-image 属性，进行图片的预加载