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