MutationObserver - как следить за элементами в DOM #easyit #js #javascript @EasyITChannel

Разбираемся как использовать MutationObserver для обработки изменений элемента DOM Исходники использованные в этом видео находятся здесь: https://github.com/easy-linux/VanillaJS/tree/master/examples/MutationObserver Тайм коды: 00:24 Введение 01:17 Цель использования MutationObserver 01:55 Структура главного файла проекта 03:50 Функции перерисовки Canvas 04:46 Интерфейс программы 05:23 Первый пример, без использования MutationObserver 06:45 Второй пример, с минимальным использованием обсервера 11:00 Третий пример, с фильтрацией и использованием Proxy+Reflect 13:23 Заключение Видео о том, что такое Symbol и как с ним работать. https://youtu.be/Ve3g0-fPclY Как написать скрипт для инициализации проекта: https://youtu.be/JxpS8o1FCik Сериал "Создание SPA приложения на чистом JS": https://www.youtube.com/watch?v=eqAefmCqA6M&list=PLCh6bwt6jth_fkFrU15eyY6Hv18NuWcwa Полезные видео для лучшего понимания JS: Стрелочные функции 1 - https://youtu.be/21wNsy72BKg Стрелочные функции 2 - https://youtu.be/DlQYk3ZvERo Макро и микро задачи - https://youtu.be/cVzwEowLe08 Web worker - https://youtu.be/ZqjDBxt8DYo Service worker - https://youtu.be/kV9Gq6FrABg Debouncing/throttling - https://youtu.be/P09SxTfQkVY Видео по работе с vite.js: https://youtu.be/t98Q9hliZZo Полезные видео по настройке webpack: Минимальная конфигурация - https://youtu.be/unEl3Hezwpw Настройка горячей перезагрузки - https://youtu.be/oOpzkF2nU0s Настройка сборки проекта с подгрузкой файлов css/scss/изображений - https://youtu.be/3B-NGZmMe-Y Настройка сборки мультистраничного сайта - https://youtu.be/aMzCDR_MHF0 Самый простой способ установить nodejs на Linux и Mac: https://youtu.be/gP4OPx2vBoc #easyit #javascript #js #vanillajs @EasyITChannel