腾讯云智研发面试题更新 2026-08-05

怎么实现 image 标签的懒加载(loading="lazy")?

腾讯云智研发前端/移动开发互联网/IT编码实现问题拆解技术原理

考察说明

考察浏览器原生懒加载机制与替代实现

回答思路

  1. 说出 loading="lazy" 的原生用法及适用场景
  2. 说明使用 IntersectionObserver 实现自定义懒加载
  3. 覆盖 src 与 data-src 切换及占位图
  4. 讨论兼容性与边界(如首屏、空白闪烁)
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。