iframe 妙用の页面刷新

前几天去某公司面试得到一个Iframe的应用场景,觉得很不错,特意记录,本人没有实际应用经验,仅仅简单写个demo

描述一个简单的应用场景:

在地图类应用中,我们经常需要鼠标滚轮滚动来缩放地图。比如向上滚一下放大地图一个级别,向下滚一下缩小地图一个级别。

当用户滚动好几次的时候如何快速从后端拉取数据,而消除中间过程的获取过程。。。额可能说的不够用明白。比如:

比如地图初试放大级别是10,我↑滚动1次则地图获取方大级别为11的图片,如果我连续滚动5次则,一般的处理过程是依次获取11 12 13 14 15 级别的地图图片,如果这里做个优化,延时执行删除前面的绑定的获取图片事件,setTimeout(getImg,300);

听起来是一个稍微好点的解决方案,这里不展开细说。

但是这里依然会延时300秒才执行获取图片的操作。

这里对方给了个解决方案。把图片的节点放在一个iframe的容器里然后把滚轮的滚动作为iframe的src里面一个参数传递过去

这样每次滚动鼠标iframe就可以直接刷新,比如连续滚动5次iframe的src改变5次直接刷新对应的图片。点击这里查看demo

本文标题:iframe 妙用の页面刷新
本文链接:https://56way.com/p/15.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。