66.lazy-load实现
创建一个懒加载函数,该函数接受一个img元素作为参数。
在函数内部,使用Intersection Observer API来监听img元素与视口的交集情况。
如果img元素进入了视口,将其src属性设置为真实的图片路径,从而加载图片。
如果img元素退出了视口,将其src属性设置为空字符串,从而卸载图片。
https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=5c32107e68e7410aaf76800615bf88aa
在函数内部,使用Intersection Observer API来监听img元素与视口的交集情况。
如果img元素进入了视口,将其src属性设置为真实的图片路径,从而加载图片。
如果img元素退出了视口,将其src属性设置为空字符串,从而卸载图片。
https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=5c32107e68e7410aaf76800615bf88aa
全部评论
相关推荐
09-19 23:39
海南大学 射频工程师 点赞 评论 收藏
分享
08-19 16:41
深圳技师学院 Java 点赞 评论 收藏
分享