前言 使用代理模式实现懒加载,在资源完成请求之前,使用一张占位图片,当图片完全加载后,将该占位图片链接为新的图片,实现图片的懒加载。
-
设置一个占位图片(静态资源),myImage
-
使用代理新建一个图片,让它去请求新资源
-
当代理图片请求完成后,将占位图片链接为新的图片地址
-
后续获取资源时,浏览器会将图片缓存起来,提升用户体验
function MyImage(_id){ var oImg = document.createElement('img');
前言 使用代理模式实现懒加载,在资源完成请求之前,使用一张占位图片,当图片完全加载后,将该占位图片链接为新的图片,实现图片的懒加载。
设置一个占位图片(静态资源),myImage
使用代理新建一个图片,让它去请求新资源
当代理图片请求完成后,将占位图片链接为新的图片地址
后续获取资源时,浏览器会将图片缓存起来,提升用户体验
function MyImage(_id){
var oImg = document.createElement('img');