Задачи по JS/CSS/HML – Telegram
Задачи по JS/CSS/HML
1.74K subscribers
50 photos
10 links
Задачи по JS/CSS/HML
Опросы и тесты.

Задачи с собеседований и их решения.

@viktorreh

Чат для обсуждения наших задач: https://news.1rj.ru/str/+YShywCEkhylkMDVi
Download Telegram
🔥11😁2
Вопрос на CSS собеседовании.

Что такое псевдокласс :root?

Ответ:

:root — псевдокласс, которые отбирает корневой элемент в дереве документа. В случае HTML документа это элемент html. В случае SVG документа это элемент noscript.


#css #собеседование
👍264💘1
Javanoscript вопрос: Возможно ли сделать так, чтобы функция сама по себе (без внешних переменных или функций) хранила количество ее вызовов?
Anonymous Quiz
66%
Да
20%
Нет
14%
Посмотреть ответы
👍61
Вопрос на CSS собеседовании.

Я установил значение 10vw для свойства padding-left. Каким будет вычисленное значение в px, если размеры вьюпорта устройства — 480x320px?

Ответ:

Единица измерения vw — это процент от ширина вьюпорта. В нашем случае 10vw соответствует 10% от ширины вьюпорта 480px, т.е. 48px.


#css #собеседование
👍31❤‍🔥1
Вопрос на CSS собеседовании.

Как рассчитывается значение свойства height у блочных элементов?

Ответ:

Значение свойства height у блочных элементов рассчитывается в зависимости от высоты содержимого этого элемента.


#css #собеседование
👍14❤‍🔥1
Javanoscript вопрос: Что вернет typeof в ответ на неизвестную переменную?
Anonymous Quiz
8%
"object"
9%
"null"
66%
"undefined"
13%
Произойдет ошибка
3%
Посмотреть ответы
👍11❤‍🔥1
Вопрос на JavaScript собеседовании.

Как очистить такой массив:

var arrayList = ['п', 'р', 'и', 'в', 'е', 'т']


Ответ:

Вариант 1:
arrayList = [];

Таким образом переменной arrayList задаётся новый пустой массив. Это решение подойдёт, если в других местах кода нет ссылок на исходное значение arrayList.

Вариант 2:
arrayList.length = 0;

Такой код очищает существующий массив arrayList, устанавливая его длину как 0. Это решение подходит, если нужно обновить все ссылочные переменные, которые указывают на исходный массив arrayList.

Вариант 3:
arrayList.splice(0, arrayList.length);

Очистка массива таким образом также обновит все ссылки на исходный массив arrayList.


#js #собеседование
👍16🔥6🥰2❤‍🔥11
Javanoscript вопрос: Какой оператор позволяет проверить, принадлежит ли объект к определенному классу (либо наследующему от указанного класса)?
Anonymous Quiz
8%
isinstance
33%
instanceof
5%
hasInstance
45%
instanceOf
9%
Посмотреть ответы
👍7❤‍🔥1
Вопрос на JavaScript собеседовании.

Как проверить, что число — целое?

Ответ:
Самый простой способ узнать, что число целое, — проверить, есть ли остаток при делении числа на 1.
x = 10;
if (x % 1 == 0) { console.log ('Число целое')}
else {console.log ('Число не целое')}


#js #собеседование
🤔7👍6
Вопрос на JavaScript собеседовании.

Объясните, что такое функция обратного вызова (callback), и приведите простой пример

Ответ:
Функция обратного вызова — это функция, которая передаётся в качестве аргумента другой функции и выполняется после завершения операции.

Вот пример простой функции обратного вызова:
function modifyArray(arr, callback) {
arr.push(100);
callback();
}
var arr = [1, 2, 3, 4, 5];
modifyArray(arr, function() { console.log("Массив изменён", arr); });


#js #собеседование
👍18
JavaScript вопрос: Приведет ли исполнение данного кода к ошибке?
Anonymous Quiz
55%
Да
29%
Нет
16%
Посмотреть ответы
❤‍🔥2
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
57%
1 и false
5%
false и NaN
12%
false и false
12%
1 и NaN
14%
Посмотреть ответы
👍5❤‍🔥11
Вопрос на JavaScript собеседовании.

Что выведет этот код?
(function() {
var a = b = 5;
})();
console.log(b);


Ответ:
Этот код вернёт число 5.

Выражение var a = b = 5; читается как var a = b; b = 5; , поэтому в переменной b будет храниться пятёрка. А подвох тут в том, что хоть эта переменная и была объявлена только внутри функции, но JavaScript всё равно может иногда получать доступ к таким локальным переменным — это называется «поднятие» переменных, или hosting.


#js #собеседование
👍20👎42
Javanoscript вопрос: Что вернет код ниже?
typeof new Number(0)
Anonymous Quiz
9%
"null"
9%
"undefined"
36%
"number"
38%
"object"
8%
Посмотреть ответы
🔥7👏1
Вопрос на JavaScript собеседовании.

Что выведет этот код?
for (var i = 0; i < 4; i++) {
setTimeout(() => console.log(i), 0)
}


Ответ:

На экране будут четыре четвёрки.

Здесь классическая ловушка с нулевыми задержками. Дело в том, что setTimeout (callback, 0) не означает, что обратный вызов функции сработает через ноль миллисекунд.

Вот что происходит тут на самом деле:

Текущий стек вызовов установлен на первый setTimeout ().
windows.setTimeout () — это веб-API, и он не блокирует ввод-вывод при работе с функциями. Это значит, что через 0 миллисекунд наша анонимная функция будет отправлена в очередь, а не в стек вызовов. А в очереди она подождёт, пока основная программа не закончит свои дела и не вернётся к очереди.
Поскольку стек вызовов свободен, цикл for может продолжиться до второго setTimeout (), потом до третьего и до четвёртого.
Теперь цикл завершён, и i равно 4. Теперь JS может выполнять очередь вызовов один за другим. В итоге каждый console.log (i) выведет 4.


#js #собеседование
👍19🔥4