首页 > TAG信息列表 > isIntersecting
vue3.0实现图片懒加载
目的： 当图片进入可视区域内去加载图片，且处理加载失败（默认图片），封装成指令。 1.了解IntersectionObserver（） 参考链接：IntersectionObserver // 创建观察对象实例 // const observer = new IntersectionObserver(callback[, options]) const observer = new IntersectionObserverVue 组件数据懒加载
数据懒加载的好处是什么,我是这样理解的: 只有你看这部分内容的时候,我才去获取这部分的数据,再渲染上。只有当真正需要资源的时候，再去加载，节省内存资源。 如何判断一个dom元素是否进入了可见区域? 原生里面我们用的是获取dom的位置, https://developer.mozilla.org/en-US/doc简单实现组件数据懒加载
VueUse 组件数据懒加载 VueUse 组件数据懒加载1. 理解2. 如何实现3.封装成能够实现基本业务逻辑复用的函数 VueUse 组件数据懒加载 1. 理解 本节目标: 从实际角度理解组件数据懒加载指的是什么 思考俩个问题 我们一般的数据请求在哪里发起？生命周期钩子函数的特点是什么？