2024-01-28 10:26 广州大学华软软件学院 前端工程师
关注
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
全部评论
相关推荐
点赞 评论 收藏
分享
06-20 13:48
华东师范大学 Web前端 
点赞 评论 收藏
分享
06-09 11:12
重庆移通学院 运营 
不要停下啊：大二打开牛客，你有机会开卷了，卷起来
，去找课程学习，在牛客上看看大家面试笔试都需要会什么，岗位有什么需求就去学什么，努力的人就一定会有收获，这句话从来都经得起考验，像我现在大三了啥也不会，被迫强行考研，炼狱难度开局，啥也不会
，找工作没希望了，考研有丝丝机会 点赞 评论 收藏
分享
06-03 17:01
门头沟学院 Java 
点赞 评论 收藏
分享
06-20 18:30
门头沟学院 Java 点赞 评论 收藏
分享