update typescript, update docs
This commit is contained in:
@@ -3,7 +3,6 @@ sidebar_position: 1
|
||||
---
|
||||
|
||||
# Браузер
|
||||
Источник: DeepSeek
|
||||
|
||||
Из каких модулей(интерфейс, домпарсер, js-движок, рендер, хранилища) состоит браузер?
|
||||
|
||||
@@ -70,4 +69,6 @@ sidebar_position: 1
|
||||
4. JavaScript-движок выполняет JS-код, который может изменять DOM и CSSOM.
|
||||
5. Движок рендеринга строит дерево рендеринга и рассчитывает компоновку.
|
||||
6. Модуль отрисовки отображает пиксели на экране.
|
||||
7. Пользователь видит страницу и взаимодействует с ней через интерфейс.
|
||||
7. Пользователь видит страницу и взаимодействует с ней через интерфейс.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
@@ -3,7 +3,6 @@ sidebar_position: 2
|
||||
---
|
||||
|
||||
# DOM
|
||||
Источник: DeepSeek
|
||||
|
||||
**DOM (Document Object Model)** — это программный интерфейс для работы с HTML и XML документами. Он представляет структуру документа в виде дерева объектов, где каждый узел соответствует элементу, атрибуту или тексту на странице. DOM позволяет программам (например, JavaScript) динамически изменять содержимое, структуру и стили веб-страницы.
|
||||
|
||||
@@ -63,4 +62,6 @@ sidebar_position: 2
|
||||
- `element.remove()` — удаление элемента.
|
||||
5. Работа с атрибутами:
|
||||
- `element.getAttribute('href')` — получение значения атрибута.
|
||||
- `element.setAttribute('class', 'new-class')` — установка атрибута.
|
||||
- `element.setAttribute('class', 'new-class')` — установка атрибута.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
@@ -3,7 +3,6 @@ sidebar_position: 3
|
||||
---
|
||||
|
||||
# CSSOM
|
||||
Источник: DeepSeek
|
||||
|
||||
CSSOM (CSS Object Model) — это программное представление CSS-стилей в виде иерархической структуры объектов, аналогично
|
||||
тому, как DOM (Document Object Model) представляет HTML-документ. CSSOM позволяет JavaScript и другим программам
|
||||
@@ -95,4 +94,6 @@ JavaScript может взаимодействовать с CSSOM через о
|
||||
| Используется для изменения содержимого страницы. | Используется для изменения стилей. |
|
||||
| Создается из HTML. | Создается из CSS. |
|
||||
|
||||
CSSOM — это важная часть процесса рендеринга веб-страниц, которая позволяет браузеру применять стили к элементам и динамически изменять их с помощью JavaScript.
|
||||
CSSOM — это важная часть процесса рендеринга веб-страниц, которая позволяет браузеру применять стили к элементам и динамически изменять их с помощью JavaScript.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
@@ -3,7 +3,6 @@ sidebar_position: 4
|
||||
---
|
||||
|
||||
# Critical render path
|
||||
Источник: DeepSeek
|
||||
|
||||
Критический путь рендеринга (Critical Rendering Path, CRP) — это последовательность шагов, которые браузер выполняет для преобразования HTML, CSS и JavaScript в пиксели на экране. Оптимизация критического пути рендеринга важна для ускорения загрузки и отображения веб-страниц, что напрямую влияет на пользовательский опыт.
|
||||
|
||||
@@ -70,3 +69,5 @@ sidebar_position: 4
|
||||
- **Ускорение загрузки:** Оптимизация CRP уменьшает время до первого отображения контента (First Contentful Paint, FCP).
|
||||
- **Улучшение пользовательского опыта:** Быстрая загрузка страницы повышает удовлетворенность пользователей.
|
||||
- **SEO:** Скорость загрузки страницы влияет на ранжирование в поисковых системах.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
@@ -3,7 +3,6 @@ sidebar_position: 5
|
||||
---
|
||||
|
||||
# Dev-tools
|
||||
Источник: DeepSeek
|
||||
|
||||
DevTools (Инструменты разработчика) — это встроенный в браузер набор инструментов, предназначенный для отладки, анализа и оптимизации веб-страниц. Они предоставляют разработчикам возможность исследовать HTML, CSS, JavaScript, сетевые запросы, производительность и многое другое.
|
||||
|
||||
@@ -99,4 +98,6 @@ DevTools (Инструменты разработчика) — это встро
|
||||
2. **Ограниченная поддержка в старых браузерах:**
|
||||
- Некоторые функции могут отсутствовать в устаревших версиях браузеров.
|
||||
|
||||
**DevTools** — это незаменимый инструмент для веб-разработчиков, который помогает создавать, отлаживать и оптимизировать веб-страницы.
|
||||
**DevTools** — это незаменимый инструмент для веб-разработчиков, который помогает создавать, отлаживать и оптимизировать веб-страницы.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
@@ -36,4 +36,6 @@ sidebar_position: 6
|
||||
|
||||
## Важно:
|
||||
CORS работает только в браузерах. Серверные приложения (например, на Node.js или Python) не ограничены политикой CORS.
|
||||
Если сервер не настроен для поддержки CORS, браузер заблокирует запрос, даже если сервер возвращает данные.
|
||||
Если сервер не настроен для поддержки CORS, браузер заблокирует запрос, даже если сервер возвращает данные.
|
||||
|
||||
🚀 **_Источник: DeepSeek_**
|
||||
Reference in New Issue
Block a user