前端面试题：原生JS图片懒加载

github: 更多文章
提供在线阅读：点击查看更多内容。（可选）（此处可根据需要添加具体说明）

文章目录

• 1. 通过原生JavaScript技术实现图片的懒载功能，并考虑到如何避免重复加载以及流量控制。
• 2. 开发一个能够高效渲染数万个数据点并保持页面流畅运行的解决方案。
• 3. 编写一个函数来将任意给定标签的内容转换为JSON格式。
• 4. 分析和确定事件处理顺序的方法与机制。
• 5. 设计并构建一个用于暂停JavaScript执行的睡眠函数。
• 6. 探讨Meta标签在网页开发中的功能与应用。

1.原生JS实现图片懒加载（考虑不重复加载以及节流）

知识点：视口位置判断，懒加载实现（data-set），节流等

1.Element.getBoundingClientRect()

该方法计算出元素的尺寸以及其在视口中的位置，并提供详细说明以及使用方法，请参考 [MDN](https://developer.