Frontend | Тесты – Telegram
Frontend | Тесты
7.87K subscribers
30 photos
475 links
Cайт easyoffer.ru
Реклама @easyoffer_adv
ВП @easyoffer_vp

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
🤔 Какие есть способы автоматизации в React?

- Сборка через Create React App, Vite или Next.js.
- Тестирование через Jest, React Testing Library, Cypress.
- Линтинг и форматирование через ESLint, Prettier.
- Документирование через Storybook.
- CI/CD через GitHub Actions, GitLab CI и др.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
💊4👍3🤔1
🤔 Какой метод JavaScript используется для динамической загрузки скриптов, с возможностью управления версионностью и зависимостями?
Anonymous Quiz
43%
System.import()
15%
loadJS()
24%
require.ensure()
17%
importScripts()
💊10🤔6
🤔 Какой метод JavaScript позволяет объединить два или более объектов в один, копируя их символы и неизменяемые свойства?
Anonymous Quiz
66%
Object.assign()
5%
Object.create()
9%
Object.defineProperties()
19%
Object.merge()
👍1
🤔 Что такое Shadow DOM?

Shadow DOM — это технология, позволяющая инкапсулировать DOM-дерево компонента. Внутренние стили и разметка изолированы от внешней страницы. Используется в Web Components.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2💊1
🤔 Какое значение будет в переменной c после выполнения следующего кода?
let c = [1, 2, 3, 4];
let d = c.findIndex(x => x > 2);
Anonymous Quiz
6%
1
43%
2
34%
3
17%
4
💊11👍5
🤔 Какое свойство и значение в CSS используется для скрытия элемента, сохраняя за ним занимаемое пространство в макете?
Anonymous Quiz
57%
visibility: hidden;
13%
display: none;
28%
opacity: 0;
3%
hidden: true;
👍4
🤔 Какие бывают state managers в React?

В React существует несколько способов управления состоянием:
- Локальное состояние: useState, useReducer — работают внутри одного компонента.
- Context API — позволяет делиться данными между компонентами без пропсов.
- Redux — централизованное хранилище с actions и reducers, подходит для крупных приложений.
- Zustand — минималистичный менеджер, позволяет создавать глобальное состояние с простым API.
- Recoil — атомарная модель состояния, поддерживает асинхронность.
- MobX — реактивный подход с автообновлениями при изменении данных.
- Jotai, XState, React Query — решают разные задачи: управление атомами, конечными автоматами, загрузкой данных.
Выбор зависит от масштаба проекта и предпочтений команды.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥1
🤔 Какой метод JavaScript используется для возврата индекса первого элемента массива, который удовлетворяет условию, заданному в функции?
Anonymous Quiz
18%
find()
56%
findIndex()
25%
indexOf()
2%
lastIndexOf()
👍6🔥1
🤔 Какой CSS дескриптор @-правила используется для импорта шрифтов из внешних источников в стили документа?
Anonymous Quiz
47%
@font-face
10%
@font-import
2%
🔥6💊2🤔1
🤔 Существует ли тег <basefont> и за что он отвечает?

Существовал в HTML 3.2, использовался для установки шрифта по умолчанию для всего документа. В HTML5 устарел — теперь используется CSS (font-family).


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4💊3
🤔 Какой метод JavaScript используется для поиска всех элементов по имени класса?
Anonymous Quiz
33%
document.querySelector()
3%
document.getElementById()
62%
document.getElementsByClassName()
2%
document.find()
👍3💊3
🤔 Что вернёт следующий код: console.log("Hello" - "World");?
Anonymous Quiz
8%
0
56%
NaN
14%
"HelloWorld"
22%
Ошибка
👍2
🤔 Что такое асинхронность?

Асинхронность позволяет выполнять действия, не блокируя основной поток. Это особенно важно для I/O-операций, таймеров и работы с сетью.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
🤔 Какой CSS-селектор выбирает все элементы <p>, которые являются единственными детьми своих родителей?
Anonymous Quiz
85%
p:only-child
10%
p:single
2%
p:one
3%
p:alone
👍4
🤔 Что вернёт следующий код: console.log(0.1 + 0.2 == 0.3);?
Anonymous Quiz
46%
true
47%
false
3%
"0.3"
5%
Ошибка
👍5
🤔 Разница между подключением скриптов async и defer?

- async загружает и выполняет скрипт сразу, не дожидаясь загрузки документа — полезно для независимых скриптов.
- defer загружает скрипт параллельно, но выполняет после полной загрузки HTML — лучше для скриптов, работающих с DOM.
Оба улучшают производительность, но используются в разных сценариях.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥2
🤔 Какой метод JavaScript позволяет создать асинхронный итератор?
Anonymous Quiz
39%
Symbol.asyncIterator
29%
Symbol.iterator
24%
asyncIterator()
8%
asyncIterable()
🤔2
🤔 Какое значение свойства CSS grid-column объединяет несколько колонок в одну ячейку?
Anonymous Quiz
29%
span
17%
auto
19%
1 / -1
35%
grid-column-span
🤔8
🤔 Что такое константа?

Константа — это переменная, значение которой нельзя изменить после инициализации. В JavaScript, const не позволяет переназначить ссылку, но если это объект — его внутренности могут изменяться.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
🤔 Какой метод JavaScript является частью Web API и предоставляет функционал для немедленного прерывания выполнения скрипта?
Anonymous Quiz
38%
document.terminate()
29%
window.stop()
5%
navigator.halt()
27%
location.abort()
🤔3