摘要:
有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。可以节省带宽,加块页面加载速度!自己最近几天也在想着怎么实现这种功能,基本思路是给每个要延迟加载的图片一个假的src地址,然后给img标签字定义一个属性就叫dynamic吧,这个属性用了保存真实图片地址。当用户拖动滚动条时触发window.onscroll事件来检测哪些元素在用户的可视范围内,在可视范围并且还未加载的我们就加载它,嗯,基本原来就这样了。自己写 阅读全文