Вопросы React Frontend Developer
Что такое Canvas?
Рейтинг:
1
Сложность:
3
<canvas> — это HTML-тег, который используется для рисования 2D и 3D графики через JavaScript. Сам по себе <canvas> не содержит графики; для её создания используется JavaScript API. Этот элемент полезен для анимаций, игр и динамического рендеринга изображений, но он требует программирования для каждой детали.
Как использовать элемент <canvas> для рисования графики на стороне клиента? В каких сценариях это применимо?
Рейтинг:
1
Сложность:
5
Элемент <canvas> используется для рисования графики с помощью JavaScript на веб-странице. С его помощью можно создавать как простые фигуры, так и сложные анимации и игры. Он не имеет встроенного содержания, и все графические элементы рисуются динамически через методы, такие как fillRect() для рисования прямоугольников и beginPath() для создания линий и кривых.
Зачем для тега <script> добавляют атрибуты async и defer?
Рейтинг:
4
Сложность:
6
Атрибуты async и defer у тега <script> используются для управления тем, как и когда браузер загружает и выполняет JavaScript. async загружает скрипт асинхронно и выполняет его сразу после загрузки, не дожидаясь завершения загрузки всей страницы. defer также загружает скрипт асинхронно, но откладывает его выполнение до полной загрузки HTML-документа, что предотвращает блокировку рендеринга страницы.
Для чего нужны data-атрибуты?
Рейтинг:
1
Сложность:
3
Data-атрибуты — это пользовательские атрибуты, начинающиеся с data-, которые позволяют хранить дополнительные данные в HTML-элементах. Эти данные могут быть использованы JavaScript для динамической обработки элементов на странице. Data-атрибуты удобны для передачи данных без необходимости изменения структуры HTML или использования скрытых полей.
Для чего нужен тег <noscript>?
Рейтинг:
1
Сложность:
3
Тег <noscript> отображает содержимое, если у пользователя отключен JavaScript или его браузер не поддерживает скрипты. Это полезно для обеспечения доступности сайта для всех пользователей, включая тех, кто не может использовать JavaScript. Внутри <noscript> можно размещать альтернативные версии контента или инструкции для пользователей.
Что такое NaN? Какого типа это значение? Как можно узнать, равно ли значение переменной NaN?
Рейтинг:
3
Сложность:
4
NaN (Not-a-Number) — это специальное значение, представляющее результат нечисловой операции, которая должна возвращать число. NaN является типом number, но не равен ни одному значению, даже самому себе. Чтобы проверить, является ли значение NaN, используется функция isNaN() или Number.isNaN().
Что вернет typeof null?
Рейтинг:
1
Сложность:
4
В JavaScript результат вызова typeof null — это "object". Это известная ошибка в языке, так как null на самом деле не является объектом. Это поведение осталось в языке по историческим причинам.
Перечислите все типы данных в JavaScript?
Рейтинг:
3
Сложность:
2
В JavaScript есть восемь типов данных: string, number, boolean, null, undefined, symbol, bigint. Также существует тип object, который включает массивы, функции и объекты.
Объяснить разницу между var, let и const в JavaScript?
Рейтинг:
2
Сложность:
2
var имеет функциональную область видимости, поддерживает поднятие и может быть переназначен. let имеет блочную область видимости и также может быть переназначен. const тоже имеет блочную область видимости, но его значение нельзя переназначить.
Способы создания (объявления) переменной в JavaScript?
Рейтинг:
2
Сложность:
1
В JavaScript переменные можно объявлять с помощью var, let и const. var — это устаревший способ, у него есть особенности, такие как поднятие и функциональная область видимости. let и const появились в ES6 и имеют блочную область видимости. const используется для переменных, которые нельзя переназначить.