简单
技术面试0 次浏览

在小红书的移动端页面中,如何实现一个图片懒加载的功能?请描述实现思路和关键代码。

小红书前端工程师
前端优化性能优化

答题要点

1. 使用Intersection Observer API监听图片是否进入视口;2. 将图片的真实地址存储在data-src属性中,当图片进入视口时替换src属性;3. 考虑兼容性和回退方案(如scroll事件监听)。