Ленивая подгрузка ленты на JavaScript | Отслеживание пересечений | IntersectionObserver API
Привет! ❤️ В этом видео мы подробно рассмотрим Intersection Observer API — отличный инструмент для оптимизации производительности ваших веб-приложений! Вы узнаете, как этот API помогает нам эффективно загружать контент, используя ленивую загрузку, а также как отслеживать видимость элементов на странице. Мы разберем дополнительные параметры конфигурации и научимся правильно их настраивать. 🚀 Приятного просмотра! 😍 Мой телеграм-канал: https://t.me/katerina_profrontend Github с кодом: https://github.com/Katerina-PROFRONTE... 00:00:00 - Вступление 00:00:47- Что же такое Intersection Observer API? 00:01:51 - Как работает Intersection Observer? 00:04:13 - Углубление в возможности API 00:04:55 - root 00:06:55 - rootMargin 00:09:26 - threshold 00:12:29 - Практика 00:15:16 - Заключение! #performanceoptimization #frontend #javascript #lazyloading #webdevelopment #intersectionobserver #browserapi #coding Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
Привет! ❤️ В этом видео мы подробно рассмотрим Intersection Observer API — отличный инструмент для оптимизации производительности ваших веб-приложений! Вы узнаете, как этот API помогает нам эффективно загружать контент, используя ленивую загрузку, а также как отслеживать видимость элементов на странице. Мы разберем дополнительные параметры конфигурации и научимся правильно их настраивать. 🚀 Приятного просмотра! 😍 Мой телеграм-канал: https://t.me/katerina_profrontend Github с кодом: https://github.com/Katerina-PROFRONTE... 00:00:00 - Вступление 00:00:47- Что же такое Intersection Observer API? 00:01:51 - Как работает Intersection Observer? 00:04:13 - Углубление в возможности API 00:04:55 - root 00:06:55 - rootMargin 00:09:26 - threshold 00:12:29 - Практика 00:15:16 - Заключение! #performanceoptimization #frontend #javascript #lazyloading #webdevelopment #intersectionobserver #browserapi #coding Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана. Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.