IntersectionObserver实现图片懒加载
传统的图片懒加载实现思路是判断图片的 top 区域是否小于父级区域,且自身高度加上 top 大于 0,
例如
// 元素是否可视
const viewVisible = el => {
const { top, width, height, left } = el.getBounding...
MatchMedia API
注意matchMedia为实验性语法文档可能被重新修订,后面有可能会改变语法,在生产中请配合matchMedia polyfill使用
通过媒体查询,您可以根据各种设备特征和参数的值或者是否存在来调整您的网站或应用;
上面是 MDN 对媒体查询的定义,简单情况通过 css 媒体查询 调整页面...
ResizeObserver API
无意之间看到这个 API,发现这个 API 十分实用特来分享一下。
ResizeObserver 可以监听到 Element 的元素的变化,例如大小变化,在之前我们可能要监听 window 对象,因为 resize 定义在 window 上,不过注意这个 API 还是处于实验性阶段,在项目中要...