JavaScript中高级前端开发常用API实例解析有哪些？

本文共计3113个文字，预计阅读时间需要13分钟。

目录 + MutationObserver API + 特点 + IntersectionObserver API + 示例：图片懒加载 + 无限滚动 + getComputedStyle() API + 与 style 的差异 + getBoundingClientRect API + 应用场景 + 获取 dom 元素相对于网页左上角定位的距离

目录

• MutationObserver
• API
• 特点
• IntersectionObserver
• API
• 举个例子
• 图片懒加载
• 无限滚动
• getComputedStyle()
• API
• 与style的异同
• getBoundingClientRect
• API
• 应用场景
• 1、获取 dom 元素相对于网页左上角定位的距离
• 2、判断元素是否在可视区域内

MutationObserver

MutationObserver 是一个可以监听 DOM 结构变化的接口。