Bootstrap

图片懒加载-----代理模式

前言 使用代理模式实现懒加载,在资源完成请求之前,使用一张占位图片,当图片完全加载后,将该占位图片链接为新的图片,实现图片的懒加载。

  1. 设置一个占位图片(静态资源),myImage

  2. 使用代理新建一个图片,让它去请求新资源

  3. 当代理图片请求完成后,将占位图片链接为新的图片地址

  4. 后续获取资源时,浏览器会将图片缓存起来,提升用户体验

    function MyImage(_id){
         
     var oImg = document.createElement('img');
      
;