摘要:
瀑布流:列对齐方式布局 无限滚动:到底触发事件,获取内容更新至页面 实现: 通过web api里的IntersectionObserver,某标签出现在浏览器视口,就触发回调,瀑布流通过手动设置图片位置。 IntersectionObserver参考文档: https://wangdoc.com/w 阅读全文
posted @ 2021-06-23 15:04
zezhou222
阅读(480)
评论(0)
推荐(0)
摘要:
目的: 节省流量,用户窗口没有看到这张图片时候不从服务器获取。 静态资源(比如图片),只有用户向下滚动,它们进入视口时才加载,这样可以节省带宽,提高网页性能。这就叫做“惰性加载”。 实现: 1. 通过web api,IntersectionObserver这个很方便。 2. 通过scroll事件监听 阅读全文
posted @ 2021-06-23 09:20
zezhou222
阅读(235)
评论(0)
推荐(0)

浙公网安备 33010602011771号