摘要：
前言 没有深入研究过, 懂个概念就好, 等性能遇到问题在来看看. 以前写的笔记: 游览器 reflow 参考: reflow和repaint引发的性能问题 精读《web reflow》 Reflow & Repaint repaint 是小的, 性能没有那么伤, 它只是换换颜色之类的. reflow 阅读全文
posted @ 2022-03-11 21:33
兴杰
阅读(96)
评论(0)
推荐(0)
摘要：
介绍 它和 IntersectionObserver, ResizeObserver 差不多, 都是观察 element 变化的. 它可以观察元素的 attribute 增加, 移除, 修改, append child 等等. 建议先看前 2 篇 IntersectionObserver 和 Res 阅读全文
posted @ 2022-03-11 21:15
兴杰
阅读(214)
评论(0)
推荐(0)
摘要：
介绍 想监听一个 element 的 size changes 就可以使用 ResizeObserver 了. 在看这一篇之前, 建议先看看 DOM & BOM – IntersectionObserver, 它们的模式很像, 一起了解会比较容易. 效果 参考: MDN – ResizeObserv 阅读全文
posted @ 2022-03-11 19:38
兴杰
阅读(309)
评论(0)
推荐(0)
摘要：
介绍 IntersectionObserver 的作用是监听某个元素是否出现在框内 (比如 viewport). 它可以实现 lazy load image, 一开始图片是没有加载的, 当图片出现在 viewport 时才去加载. 也可以用来做 tracking, 比如某个商品 (card 元素), 阅读全文
posted @ 2022-03-11 15:13
兴杰
阅读(434)
评论(0)
推荐(0)
浙公网安备 33010602011771号