Вопросы React Frontend Developer
Как настроить Webpack для работы с изображениями?
Рейтинг:
4
Сложность:
6
Webpack обрабатывает изображения через asset modules или загрузчики, такие как file-loader и url-loader. Можно настроить автоматическое копирование изображений в папку сборки или встроить их как данные base64, если они небольшие.
Какие преимущества и недостатки использования SVG вместо растровой графики в веб-дизайне?
Рейтинг:
2
Сложность:
5
SVG имеет ряд преимуществ перед растровой графикой, таких как масштабируемость без потери качества, небольшой размер файлов и возможность применения стилей через CSS. Однако SVG может быть сложным для представления фотографий и иметь проблемы с производительностью при отображении сложных или детализированных изображений.
Какое свойство используется для управления прокруткой изображения?
Рейтинг:
3
Сложность:
8
Свойство background-attachment используется для управления прокруткой фонового изображения. Оно определяет, будет ли фоновое изображение прокручиваться вместе со страницей (scroll) или оставаться на месте (fixed).
Как вы контролируете повтор изображений с помощью CSS?
Рейтинг:
1
Сложность:
3
Свойство background-repeat позволяет управлять тем, как фоновые изображения повторяются на странице. Его значения могут быть:
• repeat (повтор по горизонтали и вертикали),
• repeat-x (повтор только по горизонтали)
• repeat-y (повтор только по вертикали)
• no-repeat (без повторения)
Как сделать тень, падающую по границе изображения?
Рейтинг:
3
Сложность:
6
drop-shadow() — это функция в CSS, используемая для добавления тени к элементам, включая изображения. Она применяется с помощью свойства filter и принимает значения для смещения по оси X, смещения по оси Y, размытия и цвета тени. Эта функция особенно полезна, потому что она позволяет сохранить прозрачные области изображения, создавая естественный и аккуратный эффект тени.
Что такое атрибут alt у тега <img> и почему он важен?
Рейтинг:
1
Сложность:
3
Атрибут alt у тега <img> используется для предоставления текстового описания изображения. Это важно для пользователей, которые не могут видеть изображение, например, для людей с нарушениями зрения или когда изображение не загружается. Также поисковые системы используют этот текст для индексации изображений, что улучшает SEO.
Что такое SVG?
Рейтинг:
1
Сложность:
3
SVG (Scalable Vector Graphics) — это формат векторной графики, который позволяет отображать изображения, масштабируемые без потери качества. SVG используется для создания логотипов, иконок, диаграмм и других графических элементов, которые остаются четкими при любом разрешении. Элементы SVG можно анимировать и управлять ими через CSS и JavaScript.