Загрузка...
Как определять и исправлять сдвиги макета с помощью Layout Instability API и DevTools.
Отладка сдвигов макета (layout shifts)
Метка: DOM
Поиск в DOM ближайшего родителя с position: relative
Отладка взаимного позиционирования HTML-элементов и поиск ближайшего родителя с CSS-свойством position: relative с помощью JavaScript в консоли браузера.
Node.textContent и Element.innerText для получения и установки текста
Оба метода Node.textContent и Element.innerText используются для получения и установки текста в HTML-элементе, рассмотрим их сходство и отличие.
Утечки памяти от потери ссылок на окна/iframe
Поиск и исправление сложных случаев memory leaks (утечки памяти), вызванных взаимодействием окон и фреймов.
DOM Events — прохождение событий
Возникновение, фазы прохождения (capturing, target, bubbling), свойства (target, currentTarget) и методы (stopPropagation, stopImmediatePropagation) событий DOM.
Page Visibility API и активность вкладки браузера
Практическое использование Page Visibility API: определение активности вкладки браузера. Свойство document.visibilityState, событие visibilitychange.
Конец эпохи виртуального DOM (React)
Самый популярный на сегодняшний день преемник устраняет пробел, созданный его предшественником.
Переиспользуемые компоненты: Custom Elements, Shadow DOM и NPM
Пример от создания простого веб-компонента, с придуманным HTML-тегом, Shadow DOM до публикации его в реестре NPM.
Элементы: блоки React
Элементы в React по сути описывают то, что вы хотели бы увидеть на экране. Что отличает элементы React от элементов, отображаемых в DOM?
Введение в Объектную Модель Документа (DOM), часть 6 из 6
Работа с узлами элементов (Element Nodes)
Введение в Объектную Модель Документа (DOM), часть 5 из 6
Добавление узлов. Использование текстовых узлов. Соединение и разделение текстовых узлов.
Введение в Объектную Модель Документа (DOM), часть 4 из 6
Динамический контент. Текстовые узлы (Text Nodes).
Введение в Объектную Модель Документа (DOM), часть 3 из 6
Типы узлов (Node Types). Атрибут, как узел Attribute. Атрибуты стилей.
Введение в Объектную Модель Документа (DOM), часть 2 из 6
Корень Документа (Document Root). Перемещение по Дереву Документа. Прямой доступ к элементам.
Введение в Объектную Модель Документа (DOM), часть 1 из 6
Уровни Объектной Модели Документа(DOM) и их поддержка в браузерах. Дерево документа (Document Tree). Узлы (Nodes).