zoukankan html css js c++ java

虚拟代理实现图片预加载

1. 代码如下

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>with proxy CREATE PRELoade imgs</title>
 </head>
 <body>
  <script>
    /*
    创建本体对象，负责在页面中创建img标签，
    并且提供setSrc接口设置src属性
    */
    var myImage = (function(){
        var imgNode = document.createElement('img');
        document.body.appendChild(imgNode);

        return{
            setSrc:function(src){
                console.log(this);
                imgNode.src = src;
            }
        }
    })();
    
    /*
        引入代理对象，通过这个对象，图片在正在被加载
        之前，会有有个loading图，提示图片正在加载
    */

    var proxyImg = (function(){
        var img = new Image;
        img.onload = function(){
            myImage.setSrc(this.src);
        }

        return{
            setSrc:function(src){
                myImage.setSrc('imgs/load.gif');
                img.src=src;
            }
        }
    })()
    /*
        from proxyImg  we get myImage
    */
    proxyImg.setSrc('http://files.cnblogs.com/files/vali/timg.bmp');
  </script>
 </body>
</html>

查看全文

相关阅读:
over-relaxation
docker run 常用命令解析
 docker部署apache+php
docker 部署 HFish（集群部署）
IPv6 地址生命周期
 UAC简介
 SUDO_KILLER可以帮助你识别并利用错误的Sudo规则与配置
 dirb参数解析
 powersploit使用实例
 powersploit简介

原文地址：https://www.cnblogs.com/vali/p/6821045.html