图片预加载是指在页面加载完成之前提前加载图片资源，以保证用户在页面加载完成后能够立即看到图片，提高用户体验。
下面是一个简单的图片预加载函数：
function preloadImage(url) {
const img = new Image();
img.src = url;
}该函数接受一个图片的 URL 作为参数，创建一个 Image 对象并将图片 URL 赋值给它的 src 属性。由于浏览器会自动缓存加载过的图片，因此这个 Image 对象会被缓存，不会重复请求。
如果要预加载多张图片，可以将这个函数放在一个循环中进行调用：
const imageUrls = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
imageUrls.forEach((url) => {
preloadImage(url);
});这样就可以预加载多张图片了。