关于懒加载指令的实现方式

来源：10-18 深入 vite：指令的自动注册

中律十七

2023-10-21

你好老师，课程里懒加载用useIntersectionObserver来实现的。但是实际开发中，等用户看到了图片的位置再开始加载图片并不友好，特别是在网络情况不好的情况下，用户可能要等半天图片才加载出来。如果希望懒加载能提前加载几张图片（可见区下的几张图片提前加载），要通过什么来实现呢？

写回答

1回答

Sunday

2023-10-22

已采纳

你好

如果是这样的话，那么就需要通过虚拟列表的方式进行实现。

可以先检测目前看到的数据是那几条，然后再这几条的后面取对应的数据，进行加载。

基于 Vue3 ，打造前台+中台通用开发提效解决方案

42 种前台常见业务模型， 15 种中台通用组件，成为前端提效高手

788 学习 · 517 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1