Вопрос на CSS собеседовании.
Представьте, что есть таблица с данными. Назовите способ добавления свойства opacity для всех строк, кроме той, на которую навел пользователь.
Ответ:
Нам требуется использовать сложный селектор, в котором установим свойство opacity для всех строк, используя tbody:hover, а через :not(:hover) отменим свойство opacity для наведенной строки.
#css #собеседование
Представьте, что есть таблица с данными. Назовите способ добавления свойства opacity для всех строк, кроме той, на которую навел пользователь.
Ответ:
tbody:hover tr:not(:hover) {
opacity: 0.24;
}
#css #собеседование
👍20🔥3
HTML вопрос: Всегда ли путь "images/picture.png" равноценен (то есть ведет к тому же элементу) пути "/images/picture.png"?
Anonymous Quiz
26%
Да
68%
Нет
5%
Посмотреть ответы
👍6
Вопрос на CSS собеседовании.
У элемента button установлено значение 16px для свойства font-size. Как мне установить значение 8px для свойства padding в единицах измерения em?
Ответ:
Нужно разделить 8px на 16px.
#css #собеседование
У элемента button установлено значение 16px для свойства font-size. Как мне установить значение 8px для свойства padding в единицах измерения em?
Ответ:
button {
font-size: 16px;
padding: .5em;
}
#css #собеседование
👍17
Javanoscript вопрос: Может ли использоваться деструктуризация в объявлении функции в блоке перечисления аргументов (то есть, в круглых скобках, перед телом функции)?
Anonymous Quiz
74%
Да
16%
Нет
10%
Посмотреть ответы
👍8
Вопрос на CSS собеседовании.
Как я могу переписать следующий код так, чтобы значение свойства background-color автоматически менялось при изменении значения свойства color?
Ответ:
Нужно использовать ключевое слово currentColor, которое автоматически подставляет значение свойства color для текущего элемента. В нашем случае значение будет унаследовано от элемента .link.
#css #собеседование
Как я могу переписать следующий код так, чтобы значение свойства background-color автоматически менялось при изменении значения свойства color?
.link {
color: #222;
}
.link::before {
background-color: #222;
}Ответ:
.link {
color: #222;
}
.link::before {
background-color: currentColor;
}
#css #собеседование
👍46🔥5❤2
Что будет выведено в консоль?
Anonymous Quiz
25%
[1, 1, 2, 3, 4]
40%
[1, 2, 3, 4]
7%
{1, 1, 2, 3, 4}
20%
{1, 2, 3, 4}
9%
Посмотреть ответы
🔥11😁2
Вопрос на CSS собеседовании.
Что такое псевдокласс :root?
Ответ:
:root — псевдокласс, которые отбирает корневой элемент в дереве документа. В случае HTML документа это элемент html. В случае SVG документа это элемент noscript.
#css #собеседование
Что такое псевдокласс :root?
Ответ:
:root — псевдокласс, которые отбирает корневой элемент в дереве документа. В случае HTML документа это элемент html. В случае SVG документа это элемент noscript.
#css #собеседование
👍26❤4💘1
Javanoscript вопрос: Возможно ли сделать так, чтобы функция сама по себе (без внешних переменных или функций) хранила количество ее вызовов?
Anonymous Quiz
66%
Да
20%
Нет
14%
Посмотреть ответы
👍6❤1
Что будет в консоли?
Anonymous Quiz
57%
[1, 2, 3, 4, 5]
7%
[1, 2, 3, 5]
9%
[1, 2, 3, 4]
20%
Ошибка
7%
Посмотреть ответы
🔥20😁3💔1
Вопрос на CSS собеседовании.
Я установил значение 10vw для свойства padding-left. Каким будет вычисленное значение в px, если размеры вьюпорта устройства — 480x320px?
Ответ:
Единица измерения vw — это процент от ширина вьюпорта. В нашем случае 10vw соответствует 10% от ширины вьюпорта 480px, т.е. 48px.
#css #собеседование
Я установил значение 10vw для свойства padding-left. Каким будет вычисленное значение в px, если размеры вьюпорта устройства — 480x320px?
Ответ:
Единица измерения vw — это процент от ширина вьюпорта. В нашем случае 10vw соответствует 10% от ширины вьюпорта 480px, т.е. 48px.
#css #собеседование
👍31❤🔥1
Вопрос на CSS собеседовании.
Как рассчитывается значение свойства height у блочных элементов?
Ответ:
Значение свойства height у блочных элементов рассчитывается в зависимости от высоты содержимого этого элемента.
#css #собеседование
Как рассчитывается значение свойства height у блочных элементов?
Ответ:
Значение свойства height у блочных элементов рассчитывается в зависимости от высоты содержимого этого элемента.
#css #собеседование
👍14❤🔥1
Javanoscript вопрос: Что вернет typeof в ответ на неизвестную переменную?
Anonymous Quiz
8%
"object"
9%
"null"
66%
"undefined"
13%
Произойдет ошибка
3%
Посмотреть ответы
👍11❤🔥1
Вопрос на JavaScript собеседовании.
Как очистить такой массив:
Ответ:
Вариант 1:
Таким образом переменной arrayList задаётся новый пустой массив. Это решение подойдёт, если в других местах кода нет ссылок на исходное значение arrayList.
Вариант 2:
Такой код очищает существующий массив arrayList, устанавливая его длину как 0. Это решение подходит, если нужно обновить все ссылочные переменные, которые указывают на исходный массив arrayList.
Вариант 3:
Очистка массива таким образом также обновит все ссылки на исходный массив arrayList.
#js #собеседование
Как очистить такой массив:
var arrayList = ['п', 'р', 'и', 'в', 'е', 'т']
Ответ:
Вариант 1:
arrayList = [];
Таким образом переменной arrayList задаётся новый пустой массив. Это решение подойдёт, если в других местах кода нет ссылок на исходное значение arrayList.
Вариант 2:
arrayList.length = 0;
Такой код очищает существующий массив arrayList, устанавливая его длину как 0. Это решение подходит, если нужно обновить все ссылочные переменные, которые указывают на исходный массив arrayList.
Вариант 3:
arrayList.splice(0, arrayList.length);
Очистка массива таким образом также обновит все ссылки на исходный массив arrayList.
#js #собеседование
👍16🔥6🥰2❤🔥1❤1
Javanoscript вопрос: Какой оператор позволяет проверить, принадлежит ли объект к определенному классу (либо наследующему от указанного класса)?
Anonymous Quiz
8%
isinstance
33%
instanceof
5%
hasInstance
45%
instanceOf
9%
Посмотреть ответы
👍7❤🔥1
Что будет в консоли?
Anonymous Quiz
16%
'Olaf'
23%
SyntaxError
14%
ReferenceError
29%
TypeError
12%
undefined
6%
Посмотреть ответы
👍4
Вопрос на JavaScript собеседовании.
Как проверить, что число — целое?
Ответ:
Самый простой способ узнать, что число целое, — проверить, есть ли остаток при делении числа на 1.
#js #собеседование
Как проверить, что число — целое?
Ответ:
x = 10;
if (x % 1 == 0) { console.log ('Число целое')}
else {console.log ('Число не целое')}
#js #собеседование
🤔7👍6
Вопрос на JavaScript собеседовании.
Объясните, что такое функция обратного вызова (callback), и приведите простой пример
Ответ:
Функция обратного вызова — это функция, которая передаётся в качестве аргумента другой функции и выполняется после завершения операции.
Вот пример простой функции обратного вызова:
#js #собеседование
Объясните, что такое функция обратного вызова (callback), и приведите простой пример
Ответ:
Вот пример простой функции обратного вызова:
function modifyArray(arr, callback) {
arr.push(100);
callback();
}
var arr = [1, 2, 3, 4, 5];
modifyArray(arr, function() { console.log("Массив изменён", arr); });
#js #собеседование
👍18