Немного о том, как работает виртуальный DOM в React

Настоящий или реальный (real) DOM

DOM расшифровывается как Document Object Model (объектная модель документа).

Продовжити читання “Немного о том, как работает виртуальный DOM в React”

DOM Объект

Каждый узел этого дерева – это объект.

Теги являются узлами-элементами (или просто элементами). Они образуют структуру дерева: <html> – это корневой узел, <head> и <body> его дочерние узлы и т.д.

Продовжити читання “DOM Объект”

В чем разница между “атрибутом” (attribute) и “свойством” (property)?

Атрибуты определены в разметке HTML, а свойства определены в DOM. Чтобы проиллюстрировать разницу, представьте, что у нас есть это текстовое поле в HTML: <input type=”text” value=”Hello”>.

Продовжити читання “В чем разница между “атрибутом” (attribute) и “свойством” (property)?”

В чём разница между узлом и элементом DOM?

Объектная модель документа (Document Object Model, DOM) — это интерфейс, который рассматривает HTML- или XML-документы в виде древовидных структур, каждый узел которых является объектом документа.

Продовжити читання “В чём разница между узлом и элементом DOM?”

Шпаргалка по JS-методам для работы с DOM

JavaScript предоставляет множество методов для работы с Document Object Model или сокращенно DOM (объектной моделью документа): одни из них являются более полезными, чем другие; одни используются часто, другие почти никогда; одни являются относительно новыми, другие признаны устаревшими.

Продовжити читання “Шпаргалка по JS-методам для работы с DOM”