Вопросы React Frontend Developer
Что такое команды git reset --mixed и git merge --abort?
Рейтинг:
2
Сложность:
7
git reset --mixed: отменяет изменения, которые были добавлены в индекс, но сохраняет изменения в рабочем каталоге.
git merge --abort: отменяет слияние, которое в данный момент находится в процессе, и возвращает репозиторий в состояние до начала слияния.
Методы __getitem__, __setitem__, __delitem__
Рейтинг:
2
Сложность:
5
Эти методы позволяют объектам поддерживать доступ, изменение и удаление элементов, используя квадратные скобки.
__getitem__(key) вызывается при чтении значения.
__setitem__(key, value) вызывается при присвоении значения.
__delitem__(key) вызывается при удалении значения.
В чем заключается разница между process.nextTick() и setImmediate()?
Рейтинг:
5
Сложность:
6
- process.nextTick() добавляет функцию в микротаски текущей фазы цикла событий.
- setImmediate() ставит функцию в очередь для выполнения на следующей итерации цикла событий.
Можете привести пример counter-increment и counter-reset в CSS для создания автоматической нумерации на веб-странице?
Рейтинг:
5
Сложность:
10
Эти свойства позволяют динамически увеличивать счетчики для элементов, таких как заголовки, списки и другие элементы, что делает нумерацию более гибкой и управляемой.
С помощью counter-reset мы создаем новый счетчик, а counter-increment увеличиваем его значение для определенных элементов. Например, мы можем использовать эти свойства для автоматической нумерации заголовков на странице. Счетчик может быть сброшен при помощи counter-reset, а при каждом появлении элемента с counter-increment счетчик будет увеличиваться.
Как использовать атрибут srcset с тегом <img>?
Рейтинг:
2
Сложность:
4
Атрибут srcset у тега <img> позволяет задать несколько версий изображения с разными разрешениями или размерами. Браузер автоматически выбирает наиболее подходящую версию в зависимости от плотности пикселей экрана и ширины экрана. В комбинации с атрибутом loading="lazy" можно использовать ленивую загрузку изображений для оптимизации производительности страницы.
Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?
Рейтинг:
2
Сложность:
3
Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.
Объясните разницу между последовательным и параллельным выполнением асинхронных функций. Как работают Promise.all() и Promise.allSettled()?
Рейтинг:
3
Сложность:
7
Последовательное выполнение асинхронных функций означает, что каждая следующая функция начинается только после завершения предыдущей, тогда как параллельное выполнение позволяет нескольким функциям выполняться одновременно. Метод Promise.all() запускает несколько промисов параллельно и возвращает результат, когда все они успешно завершатся, а Promise.allSettled() возвращает результат независимо от того, завершился ли каждый промис успехом или ошибкой.
Что такое setTimeout и setInterval?
Рейтинг:
3
Сложность:
5
setTimeout выполняет указанную функцию один раз через заданное время, а setInterval — периодически, с указанным интервалом. Оба метода работают асинхронно, что значит, что они не блокируют основной поток выполнения программы. Чтобы остановить выполнение setInterval, нужно вызвать clearInterval, а для остановки отложенного вызова setTimeout — clearTimeout.
WeakSet. В чем особенность? Какие свойства и методы есть? Как перебрать?
Рейтинг:
5
Сложность:
8
WeakSet — это коллекция уникальных объектов, где каждый объект хранится с использованием слабой ссылки. Главная особенность WeakSet заключается в том, что он не удерживает ссылки на свои элементы, что позволяет сборщику мусора автоматически удалять объекты, если на них больше нет ссылок. Методы WeakSet включают add(), delete() и has(), однако его нельзя перебрать, так как WeakSet не предоставляет итераторов.
Set. В чем особенность? Какие свойства и методы есть? Как перебрать?
Рейтинг:
5
Сложность:
7
Set — это коллекция уникальных значений, которая автоматически удаляет дубликаты. Каждый элемент в Set хранится только один раз, независимо от того, сколько раз он был добавлен. Set имеет методы для добавления, удаления и проверки значений, такие как add(), delete(), has() и clear(). Перебирать элементы в Set можно с помощью метода forEach() или цикла for...of.