
IntersectionObserver实现图片懒加载
传统的图片懒加载实现思路是判断图片的 top 区域是否小于父级区域,且自身高度加上 top 大于 0, 例如 不过这样写的话有一个问题就是我们监听的事件会重复多次触发,所以我们还需要写一个节流或者防抖函数,不过使用IntersectionObserver我们可以轻松实现,首先看下兼容性 Inters...
还未定稿的API
共 3 篇文章
传统的图片懒加载实现思路是判断图片的 top 区域是否小于父级区域,且自身高度加上 top 大于 0, 例如 不过这样写的话有一个问题就是我们监听的事件会重复多次触发,所以我们还需要写一个节流或者防抖函数,不过使用IntersectionObserver我们可以轻松实现,首先看下兼容性 Inters...
456 注意matchMedia为实验性语法文档可能被重新修订,后面有可能会改变语法,在生产中请配合matchMedia polyfill使用 通过媒体查询,您可以根据各种设备特征和参数的值或者是否存在来调整您的网站或应用; 上面是 MDN 对媒体查询的定义,简单情况通过 css 媒体查询 调整页面...
123 无意之间看到这个 API,发现这个 API 十分实用特来分享一下。 ResizeObserver 可以监听到 Element 的元素的变化,例如大小变化,在之前我们可能要监听 window 对象,因为 resize 定义在 window 上,不过注意这个 API 还是处于实验性阶段,在项目中...