vs2017 网站开发,新冠疫苗接种率,wordpress 324错误,北京下雪一、是什么
代理模式#xff08;Proxy Pattern#xff09;是为一个对象提供一个代用品或占位符#xff0c;以便控制对它的 生活场景#xff1a; 租房、买房#xff0c;比如链家等房屋中介机构#xff0c;起到的作用就是代理
二、使用
const proxy new Proxy(target, …一、是什么
代理模式Proxy Pattern是为一个对象提供一个代用品或占位符以便控制对它的 生活场景 租房、买房比如链家等房屋中介机构起到的作用就是代理
二、使用
const proxy new Proxy(target, handler);按照功能来划分js代理模式常见 缓存代理虚拟代理
1、缓存代理
缓存代理可以为一些开销大的运算结果提供暂时的存储在下次运算时如果传递进来的参数跟之前一致则可以直接返回前面存储的运算结果
2、虚拟代理
虚拟代理把一些开销很大的对象延迟到真正需要它的时候才去创建常见的就是图片预加载功能
// 图片本地对象负责往页面中创建一个img标签并且提供一个对外的setSrc接口
let myImage (function(){let imgNode document.createElement( img );document.body.appendChild( imgNode );return {//setSrc接口外界调用这个接口便可以给该img标签设置src属性setSrc: function( src ){imgNode.src src;}}
})();
// 代理对象负责图片预加载功能
let proxyImage (function(){// 创建一个Image对象用于加载需要设置的图片let img new Image;img.onload function(){// 监听到图片加载完成后给被代理的图片本地对象设置src为加载完成后的图片myImage.setSrc( this.src );}return {setSrc: function( src ){// 设置图片时在图片未被真正加载好时以这张图作为loading提示用户图片正在加载myImage.setSrc( https://img.zcool.cn/community/01deed576019060000018c1bd2352d.gif );img.src src;}}
})();proxyImage.setSrc( https://xxx.jpg );使用代理模式后图片本地对象负责往页面中创建一个img标签并且提供一个对外的setSrc接口 代理对象负责在图片未加载完成之前引入预加载的loading图负责了图片预加载的功能
