Suite de https://css-tricks.com/a-better-api-for-the-resize-observer/ , l'article propose une refonte des API pour MutationObserver et IntersectionObserver afin de les rendre plus simples à utiliser. L'auteur montre comment simplifier l'utilisation de ces observateurs en utilisant des motifs de rappel et d'écouteurs d'événements. Pour MutationObserver, il explique comment observer les mutations du DOM et se déconnecter proprement en utilisant une méthode disconnect. Concernant IntersectionObserver, il détaille comment observer les changements d'intersection d'un élément avec un ancêtre ou une fenêtre de visualisation. Enfin, l'article mentionne une bibliothèque pratique, Splendid Labz, qui offre des utilitaires pour ces observateurs, facilitant leur intégration dans des projets web.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
L'auteur explique pas-à-pas une technique pour faire du lazy loading des images d'un site web. Il part d'une approche "brute de décoffrage" qu'il affine ensuite, notamment par l'utilisation de l'API IntersectionObserver.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
"Par défaut, IntersectionObservers calcule dans quelle mesure un élément cible 'recouvre' (ou 'est en intersection avec') la partie visible de la page " Intéressant