类似于京东首页的滚动到具体位置再加载该位置的数据如何实现的?
程序员文章站
2022-06-13 16:41:37
...
是类似于微博的滚屏加载技术吗?
感觉像但又不确定
感觉像但又不确定
有童鞋说是lazy load,我百度了一下多数是说图片的。
如何实现列表(包括图片)的加载呢?
如果用比较原始的思路,是否应该是:
判断当前节点是否在浏览器视图框中;
如果在,则ajax从后台读取数据;
将ajax读取到的数据渲染到节点;
有没有比较系统、科学的方法实现?
回复内容:
是类似于微博的滚屏加载技术吗?
感觉像但又不确定
有童鞋说是lazy load,我百度了一下多数是说图片的。
如何实现列表(包括图片)的加载呢?
如果用比较原始的思路,是否应该是:
判断当前节点是否在浏览器视图框中;
如果在,则ajax从后台读取数据;
将ajax读取到的数据渲染到节点;
有没有比较系统、科学的方法实现?
这种叫做“懒惰加载”(Lazy load)
给需要这么做的元素添加一个监听事件。当该元素在窗口内,执行加载命令。
思路就是这样
你说的挺科学的,lazyload 是一个预先加载一个1K的图片再到真的图片加载完成后再加载出来,
你说的这样的东西更像是ajax滚动加载,比如百度无限瀑布流。
下一篇: idea—插件