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

Вопросы собесов t.me/+kXKgJEjRUww3N2Ni
Задачи t.me/+_tcX2w2EmvdmMTgy
Вакансии t.me/+CgCAzIyGHHg0Nzky
Download Telegram
About
Blog
Apps
Platform
Join
Frontend | Тесты
7.87K subscribers
Frontend | Тесты
🤔 Что такое мемоизация?

Мемоизация — это техника оптимизации, при которой результаты выполнения функций кэшируются для ускорения последующих вызовов с теми же аргументами. В JavaScript мемоизация часто используется для сложных вычислений или рендеринга, где повторное выполнение одной и той же операции может быть дорогим. Функции, использующие мемоизацию, сохраняют результаты в памяти и возвращают их при тех же входных данных без повторного вычисления. Это улучшает производительность, особенно при работе с большими данными.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥35👍19❤5
2.61K views
Frontend | Тесты
🤔 Как в JavaScript определить, закончилась ли прокрутка страницы до конца?
Anonymous Quiz
36%
window.scrollY == document.body.offsetHeight
34%
window.scrollTop + window.innerHeight >= document.body.scrollHeight
10%
document.scrollBottom
20%
document.height == window.scrollY
👍14🔥5👀4
895 voters2.63K views
Frontend | Тесты
🤔 Как в CSS создать тень только снизу элемента?
Anonymous Quiz
26%
box-shadow: 0 10px 10px -10px #000;
10%
box-shadow: 10px 0 5px 0 #000;
23%
box-shadow: inset 0 -10px 10px #000;
42%
box-shadow: 0 0 10px 10px #000;
👍5
827 voters2.42K views
Frontend | Тесты
🤔 В чём отличие хранения данных в local storage от куки?

`localStorage` хранит данные на стороне клиента и позволяет сохранять информацию в виде ключ-значение без ограничения по времени, пока пользователь явно не удалит данные. Куки же могут передаваться на сервер при каждом запросе, имеют ограниченный объём (до 4KB) и срок действия. `localStorage` более удобен для долгосрочного хранения данных, которые не должны передаваться на сервер, тогда как куки полезны для передачи информации, такой как аутентификационные токены. `localStorage` работает только на клиентской стороне, куки же могут быть доступны и на стороне сервера.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥28❤2🤔1
2.55K views
Frontend | Тесты
🤔 Какое значение атрибута rel в теге <a> делает ссылку безопасной при открытии в новой вкладке?
Anonymous Quiz
31%
rel="external"
12%
rel="noopener"
37%
rel="noreferrer"
20%
rel="nofollow"
💊19🤔9❤1
855 voters2.36K views
Frontend | Тесты
🤔 Как в CSS задать элемент так, чтобы он занимал все доступное горизонтальное пространство внутри своего родителя, но при этом мог увеличиваться в размерах при добавлении контента?
Anonymous Quiz
49%
width: 100%;
25%
width: auto;
23%
flex-grow: 1;
3%
expand: horizontal;
💊26🔥1
878 voters2.38K views
Frontend | Тесты
🤔 В чём разница между foreach и map?

`forEach` выполняет функцию для каждого элемента массива, не возвращая нового массива, тогда как `map` создает новый массив, заполняя его результатами выполнения функции для каждого элемента исходного массива. `forEach` обычно используется для выполнения побочных эффектов, таких как изменение существующих данных или вызов внешних функций. `map` удобен для преобразования массива в новый массив с изменёнными данными. Если требуется создать новый массив, предпочтительнее использовать `map`.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥13👀2❤1
2.58K views
Frontend | Тесты
🤔 Какой тег HTML5 используется для создания самостоятельной группы интерактивных элементов управления, например, кнопок радио?
Anonymous Quiz
30%
<fieldset>
29%
<controls>
22%
<section>
20%
<group>
💊10👍7❤1
941 voters2.56K views
Frontend | Тесты
🤔 Какое значение overflow скрывает содержимое, выходящее за пределы блока, и не показывает полосы прокрутки?
Anonymous Quiz
86%
overflow: hidden;
6%
overflow: scroll;
2%
overflow: auto;
5%
overflow: cover;
👍9
848 voters2.37K views
Frontend | Тесты
🤔 Что такое дженерик?

Дженерики (generics) в программировании позволяют создавать функции и классы с параметризованными типами, которые могут работать с любыми типами данных. В JavaScript, несмотря на отсутствие встроенной поддержки дженериков, концепция реализуется через использование универсальных функций, которые принимают аргументы любого типа. В TypeScript дженерики активно используются для обеспечения типобезопасности при работе с обобщёнными структурами данных. Дженерики делают код более гибким и многоразовым.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥36👍14🤔3❤1
2.81K views
Frontend | Тесты
🤔 Какое свойство CSS позволяет анимировать переходы между состояниями?
Anonymous Quiz
80%
transition
16%
animate
1%
change
3%
motion
👍6❤2🤯1
1.03K voters2.52K views
Frontend | Тесты
🤔 Как в HTML5 создать ввод даты, который ограничивает выбор до прошлых дат, исключая сегодняшнюю дату и будущее?
Anonymous Quiz
32%
<input type="date" max="yesterday">
35%
<input type="date" max="today">
9%
<input type="date" value="yesterday">
24%
<input type="date" max="2024-12-31">
👍12💊4🤯2🤔1
802 voters2.41K views
Frontend | Тесты
🤔 Для чего нужен eventloop в js?

Event Loop (цикл событий) в JavaScript управляет выполнением асинхронного кода, следя за очередями задач и выполняя их последовательно. Когда в основной поток попадает асинхронная задача, такая как таймер или сетевой запрос, она добавляется в очередь событий. После завершения текущего блока кода Event Loop проверяет, есть ли готовые задачи в очереди, и запускает их. Это позволяет JavaScript быть однопоточным языком с поддержкой асинхронных операций без блокировки основного потока.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍38🔥15
2.63K views
Frontend | Тесты
🤔 Какое свойство CSS устанавливает, как элементы должны обтекать друг друга в документе?
Anonymous Quiz
28%
flow
21%
wrap
46%
float
5%
align
👍8❤2
968 voters2.4K views
Frontend | Тесты
🤔 Какое значение flex-direction устанавливает главную ось контейнера flexbox так, чтобы дочерние элементы располагались слева направо?
Anonymous Quiz
70%
row
9%
column
17%
row-reverse
4%
column-reverse
👍8🤯1👀1
915 voters2.24K views
Frontend | Тесты
🤔 Какие бывают значения у свойства position?

Свойство `position` в CSS имеет следующие значения: `static` (по умолчанию, элемент расположен в нормальном потоке документа), `relative` (элемент перемещается относительно своего нормального положения), `absolute` (элемент позиционируется относительно ближайшего предка с позиционированием), `fixed` (элемент фиксируется относительно окна браузера) и `sticky` (элемент перемещается до определённой границы и остаётся закреплённым). Эти значения позволяют управлять расположением элементов на странице в зависимости от требований верстки.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍44🤔5❤2
2.48K views
Frontend | Тесты
🤔 Какой атрибут тега <a> используется для указания, что ссылка должна быть открыта в новой вкладке браузера?
Anonymous Quiz
81%
target="_blank"
9%
href="new.tab"
4%
rel="external"
7%
open="new"
👍10❤3😁3👀3🔥2
970 voters2.43K views
Frontend | Тесты
🤔 Какое свойство CSS используется для задания внутренних теней элементу?
Anonymous Quiz
64%
box-shadow: inset 0 0 10px #000000;
23%
inner-shadow: 10px 10px 5px #000000;
7%
shadow-inside: 0 0 10px #000000;
6%
inset-shadow: 0 0 5px #000000;
👍12
803 voters2.31K views
Frontend | Тесты
Что такое двустороннее связывание?

Двустороннее связывание (two-way binding) — это процесс автоматической синхронизации данных между моделью и представлением. В контексте JavaScript и фреймворков, таких как Angular, это означает, что изменения в модели обновляют пользовательский интерфейс, и наоборот — изменения в интерфейсе изменяют данные в модели. Двустороннее связывание упрощает работу с формами и вводом данных, так как не требует явного написания кода для передачи данных в обе стороны. Это улучшает интерактивность и упрощает обработку данных.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний
🔥28👍12🤔2💊1
2.58K views
Frontend | Тесты
🤔 Какой JavaScript метод используется для преобразования JSON строки в объект?
Anonymous Quiz
53%
JSON.parse();
31%
JSON.stringify();
16%
JSON.toObject();
1%
JSON.fromText();
👍11❤4
1.03K voters2.5K views
Frontend | Тесты
🤔 Какое свойство CSS используется для установления порядка стека слоев различных элементов?
Anonymous Quiz
88%
z-index
7%
order
2%
layer
2%
stack
👍7❤2
894 voters2.29K views