HLG随笔

Appearance

本文总阅读量 次

代理模式 ​

HTML ​

HTML
<html>
    <body></body>
</html>

JS ​

JS
// 获取节点 增加图片节点
var  imgNode  =  document.createElement('img')
document.body.appendChild(imgNode)


// 设置图片地址
var  myImage  =  (function  ()  {
    return  {
        setSrc:  function  (src)  {
            imgNode.src =  src
        }
    }
})()


  
// 设置代理
var  proxyImage  =  (function  ()  {
    var  img  =  new  Image()
    img.onload  =  function  ()  {
        myImage.setSrc(this.src);
    }
    return  {
        setSrc:  function  (src)  {
            myImage.setSrc('代理图片地址')
            img.src  =  src
        }
    }
})()


proxyImage.setSrc('最终图片地址');