🤔 Вопрос: Какой объект в JavaScript представляет окно браузера?
Anonymous Poll
21%
document
78%
window
5%
screen
2%
history
🤔 Какие функции выполняют атрибуты async и defer?
Атрибуты async и defer изменяют способ загрузки внешних скриптов в HTML.
- async: скрипт загружается асинхронно, одновременно с парсингом HTML, и выполняется сразу после загрузки. Порядок выполнения не гарантирован. Подходит для скриптов, которые не зависят от других (например, аналитика).
- defer: скрипт также загружается параллельно, но выполняется только после завершения парсинга всего HTML-документа, и в порядке подключения. Идеален для инициализации, которая зависит от DOM.
Ставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
Атрибуты async и defer изменяют способ загрузки внешних скриптов в HTML.
- async: скрипт загружается асинхронно, одновременно с парсингом HTML, и выполняется сразу после загрузки. Порядок выполнения не гарантирован. Подходит для скриптов, которые не зависят от других (например, аналитика).
- defer: скрипт также загружается параллельно, но выполняется только после завершения парсинга всего HTML-документа, и в порядке подключения. Идеален для инициализации, которая зависит от DOM.
Ставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
👍1
🤔 В чем заключается особенность поведения асинхронных callback?
Асинхронные callback-и не выполняются сразу. Они помещаются в очередь событий и начинают выполняться только после завершения текущего стека вызовов. Это значит, что:
- Код, который идет после вызова асинхронного callback-а, продолжается сразу.
- Callback может сработать позже, вне текущего потока.
- При работе с состоянием, рендером и логикой приложения важно учитывать асинхронный контекст.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Асинхронные callback-и не выполняются сразу. Они помещаются в очередь событий и начинают выполняться только после завершения текущего стека вызовов. Это значит, что:
- Код, который идет после вызова асинхронного callback-а, продолжается сразу.
- Callback может сработать позже, вне текущего потока.
- При работе с состоянием, рендером и логикой приложения важно учитывать асинхронный контекст.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Как можно настроить свою индивидуальную кастомизацию форм?
Можно использовать стили для обычных элементов формы, применять псевдоэлементы, а также использовать кастомные компоненты на основе div и JavaScript. Часто подключают библиотеки или UI-фреймворки.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Можно использовать стили для обычных элементов формы, применять псевдоэлементы, а также использовать кастомные компоненты на основе div и JavaScript. Часто подключают библиотеки или UI-фреймворки.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какое основное различие между изменяемыми и неизменяемыми типами данных?
- Изменяемые — могут быть изменены без создания нового объекта (например, объекты, массивы).
- Неизменяемые — не подлежат изменениям, любые операции создают новый объект (например, строки, числа в JS).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
- Изменяемые — могут быть изменены без создания нового объекта (например, объекты, массивы).
- Неизменяемые — не подлежат изменениям, любые операции создают новый объект (например, строки, числа в JS).
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какие существуют методы HTTP-запросов?
1. GET: Запрос на получение данных с сервера.
2. POST: Запрос на отправку данных на сервер.
3. PUT: Запрос на полное обновление ресурса.
4. PATCH: Запрос на частичное обновление ресурса.
5. DELETE: Запрос на удаление ресурса.
6. HEAD: Запрос на получение заголовков ответа без содержимого.
7. OPTIONS: Запрос на получение информации о поддерживаемых методах.
8. CONNECT, TRACE: Используются реже для специализированных задач.
Поставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
1. GET: Запрос на получение данных с сервера.
2. POST: Запрос на отправку данных на сервер.
3. PUT: Запрос на полное обновление ресурса.
4. PATCH: Запрос на частичное обновление ресурса.
5. DELETE: Запрос на удаление ресурса.
6. HEAD: Запрос на получение заголовков ответа без содержимого.
7. OPTIONS: Запрос на получение информации о поддерживаемых методах.
8. CONNECT, TRACE: Используются реже для специализированных задач.
Поставь 👍, если знал ответ, 🔥 если нет. Забирай 📚
🤔 Что делает свойство object-fit со значением cover для изображений?
Anonymous Poll
26%
Заполняет контейнер, не сохраняя пропорции.
57%
Покрывает весь контейнер, обрезая лишнее и сохраняя пропорции.
13%
Распределяет изображение по ширине контейнера.
4%
Позволяет изображению заполнить контейнер без изменения размеров.
🤔 Расскажи о библиотеке Redux
Redux — это библиотека для управления состоянием:
- Использует хранилище (store) для хранения глобального состояния.
- Состояние можно изменять только через действия (actions) и редюсеры (reducers).
- Поддерживает middleware (например, Redux Thunk, Redux Saga) для выполнения асинхронных операций. Redux в основном не зависит от React, но часто используется вместе с оберткой react-redux.
Ставь 👍, если знал ответ, 🔥 если нет
Забирай 📚
Redux — это библиотека для управления состоянием:
- Использует хранилище (store) для хранения глобального состояния.
- Состояние можно изменять только через действия (actions) и редюсеры (reducers).
- Поддерживает middleware (например, Redux Thunk, Redux Saga) для выполнения асинхронных операций. Redux в основном не зависит от React, но часто используется вместе с оберткой react-redux.
Ставь 👍, если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Что именно происходит, когда вы делаете запрос в браузере?
Браузер преобразует URL в IP-адрес с помощью DNS, устанавливает соединение с сервером, отправляет HTTP-запрос и получает ответ. После этого данные обрабатываются, и страница отображается.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
Браузер преобразует URL в IP-адрес с помощью DNS, устанавливает соединение с сервером, отправляет HTTP-запрос и получает ответ. После этого данные обрабатываются, и страница отображается.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какое свойство CSS позволяет создать визуальные переходы между двумя состояниями элемента, используя временную функцию для управления скоростью анимации?
Anonymous Poll
59%
transition-timing-function
24%
transition-state
14%
transition-style
3%
motion-path
🤔 Какое значение свойства CSS flex-basis задает начальный размер элемента до распределения оставшегося пространства?
Anonymous Poll
57%
auto
33%
0
7%
content
7%
initial
🤔 Какие риски связаны с использованием innerHTML?
Использование innerHTML может привести к уязвимостям типа XSS, если в него вставляются непроверенные данные от пользователей. Кроме того, он полностью заменяет содержимое элемента, что может привести к потере обработчиков событий.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Использование innerHTML может привести к уязвимостям типа XSS, если в него вставляются непроверенные данные от пользователей. Кроме того, он полностью заменяет содержимое элемента, что может привести к потере обработчиков событий.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой метод объекта Document в JavaScript создает новый элемент с указанным именем тега?
Anonymous Poll
85%
createElement()
5%
appendChild()
3%
newElement()
8%
createNode()
🤔 Для чего нужен Vue?
Vue.js — это фреймворк для разработки пользовательских интерфейсов. Он облегчает взаимодействие с DOM, обеспечивает реактивность данных, дает возможность создавать компоненты и разрабатывать одностраничные приложения (SPA). Легок для освоения, гибок и эффективен.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Vue.js — это фреймворк для разработки пользовательских интерфейсов. Он облегчает взаимодействие с DOM, обеспечивает реактивность данных, дает возможность создавать компоненты и разрабатывать одностраничные приложения (SPA). Легок для освоения, гибок и эффективен.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой CSS-селектор выбирает элементы, у которых есть атрибут title, содержащий слово "flower"?
Anonymous Poll
49%
[title*=flower]
14%
[title^=flower]
16%
[title$=flower]
22%
[title=flower]
🤔 Почему существует async/await?
- Упрощает код, делает его более понятным по сравнению с .then()
- Избавляет от "адских колбеков"
- Позволяет писать асинхронный код, как если бы он был синхронным
Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚
- Упрощает код, делает его более понятным по сравнению с .then()
- Избавляет от "адских колбеков"
- Позволяет писать асинхронный код, как если бы он был синхронным
Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚
🤔 Какие известные методы были разработаны для Redux?
Методы, такие как Redux Toolkit, были созданы для упрощения работы с Redux, уменьшения количества шаблонного кода и повышения производительности. Также широко используются middleware, такие как Redux Thunk и Redux Saga, для управления побочными эффектами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
Методы, такие как Redux Toolkit, были созданы для упрощения работы с Redux, уменьшения количества шаблонного кода и повышения производительности. Также широко используются middleware, такие как Redux Thunk и Redux Saga, для управления побочными эффектами.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какие преимущества у инкрементального DOM по сравнению с виртуальным?
Инкрементальный DOM (например, в Svelte):
- Менее абстрактен — ближе к реальному DOM.
- Быстрее монтируется — нет необходимости в полной виртуальной копии.
- Меньше памяти и меньше промежуточных структур.
В отличие от виртуального DOM:
- он не сравнивает деревья, а прямо вставляет нужные изменения.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
Инкрементальный DOM (например, в Svelte):
- Менее абстрактен — ближе к реальному DOM.
- Быстрее монтируется — нет необходимости в полной виртуальной копии.
- Меньше памяти и меньше промежуточных структур.
В отличие от виртуального DOM:
- он не сравнивает деревья, а прямо вставляет нужные изменения.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какое свойство CSS используется для изменения стиля маркеров списка?
Anonymous Poll
53%
list-style-type
30%
list-decoration
3%
list-style-image
15%
list-marker-style
🤔 Какие существуют альтернативы SSR?
- SPA с пререндерингом (Scully, React Static, Nuxt generate) — подходит для статического контента.
- JAMStack с CDN — готовая сборка без использования сервера.
- Edge рендеринг — через функции CDN (например, Cloudflare Workers).
- Гибридный рендеринг (ISR/SSG) — как в Next.js, где некоторые страницы используют SSR, а другие — SSG.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
- SPA с пререндерингом (Scully, React Static, Nuxt generate) — подходит для статического контента.
- JAMStack с CDN — готовая сборка без использования сервера.
- Edge рендеринг — через функции CDN (например, Cloudflare Workers).
- Гибридный рендеринг (ISR/SSG) — как в Next.js, где некоторые страницы используют SSR, а другие — SSG.
Ставь 👍 если знал ответ, 🔥 если нет. Забирай 📚
🤔 Какой метод JavaScript используется для сортировки элементов массива на месте, позволяя задать собственную функцию сортировки?
Anonymous Poll
85%
Array.sort
8%
Array.order
5%
Array.arrange
3%
Array.organize