diff --git a/docs/browser/01-about-browser.md b/docs/browser/01-about-browser.md index 9c7b46b..933c6f0 100644 --- a/docs/browser/01-about-browser.md +++ b/docs/browser/01-about-browser.md @@ -5,13 +5,14 @@ sidebar_position: 1 # Браузер Источник: DeepSeek -Как работает браузер? -Из каких модулей(интерфейс, домпарсер, js-движок, рендер, стораджи) состоит браузер +Из каких модулей(интерфейс, домпарсер, js-движок, рендер, хранилища) состоит браузер? + +## Модули браузера 1. **Пользовательский интерфейс (UI)** - Это видимая часть браузера, с которой взаимодействует пользователь: адресная строка, кнопки "Назад" и "Вперед", меню, закладки и т.д. - Интерфейс позволяет пользователю управлять браузером и взаимодействовать с веб-страницами. -2. Браузерный движок (Browser Engine) +2. **Браузерный движок (Browser Engine)** - Связывает интерфейс и движок рендеринга. Он отвечает за управление процессами загрузки страниц, обработки HTML, CSS и JavaScript. - Примеры: Blink (Chrome, Edge), Gecko (Firefox), WebKit (Safari). 3. **Движок рендеринга (Rendering Engine)** @@ -62,7 +63,7 @@ sidebar_position: 1 - Встроенные инструменты для отладки и анализа веб-страниц. - Включают инспектор элементов, консоль JavaScript, сетевой анализатор, профилировщик производительности и т.д. -Как это работает вместе: +## Как это работает вместе: 1. Пользователь вводит URL в адресную строку. 2. Сетевой модуль загружает HTML, CSS, JavaScript и другие ресурсы. 3. Движок рендеринга парсит HTML и CSS, создает DOM и CSSOM. diff --git a/docs/browser/02-dom.md b/docs/browser/02-dom.md index 4557380..a9fa215 100644 --- a/docs/browser/02-dom.md +++ b/docs/browser/02-dom.md @@ -5,7 +5,7 @@ sidebar_position: 2 # DOM Источник: DeepSeek -DOM (Document Object Model) — это программный интерфейс для работы с HTML и XML документами. Он представляет структуру документа в виде дерева объектов, где каждый узел соответствует элементу, атрибуту или тексту на странице. DOM позволяет программам (например, JavaScript) динамически изменять содержимое, структуру и стили веб-страницы. +**DOM (Document Object Model)** — это программный интерфейс для работы с HTML и XML документами. Он представляет структуру документа в виде дерева объектов, где каждый узел соответствует элементу, атрибуту или тексту на странице. DOM позволяет программам (например, JavaScript) динамически изменять содержимое, структуру и стили веб-страницы. **Преимущества DOM:** - Универсальность: работает с любыми HTML/XML документами. @@ -21,13 +21,13 @@ DOM (Document Object Model) — это программный интерфейс - DOM представляет документ в виде иерархического дерева узлов. - Каждый HTML-элемент, атрибут, текст и даже комментарий — это узел (Node) в этом дереве. 2. **Типы узлов:** + - **Документ (Document):** Корневой узел, представляющий весь документ. - **Элемент (Element):** HTML-теги (например, `