Задачи по 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
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
Вопрос на JavaScript собеседовании.

Как проверить, что строка является палиндромом?

Ответ:
Простое решение — перевести всё в один регистр, перевернуть слово и сравнить его с исходным.
const palindrome = str => {
// переводим строку в нижний регистр
str = str.toLowerCase()
// переворачиваем входную строку и возвращаем результат
// сравниваем результаты
return str === str.split('').reverse().join('')
}


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

Как посчитать все гласные в строке?

Ответ:


const findVowels = str => {
let count = 0
const vowels = ['а', 'я', о', 'ё', 'у', 'ю', 'э', 'е', 'и', 'ы']
for(let char of str.toLowerCase()) {
if(vowels.includes(char)) {
count++
}
}
return count
}


#js #собеседование
👍11😢8🥴41
Вопрос на JavaScript собеседовании.

Что такое AJAX в JavaScript?

Ответ:

AJAX (асинхронный JavaScript и XML) — это метод выполнения асинхронных серверных запросов с веб-страницы без перезагрузки всей страницы. AJAX позволяет разработчикам динамически обновлять веб-страницу новыми данными без необходимости обновления страницы.
Это достигается путем отправки HTTP-запроса из браузера на сервер и обновления только тех частей страницы, которые требуют его с ответом. Это улучшает взаимодействие с пользователем, поскольку страница не перезагружается, а обновляются только необходимые данные.

Пример:
const xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data');

xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
console.log(xhr.responseText);
}
};

xhr.send();


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

Что такое обратный вызов в JavaScript?

Ответ:

Функция обратного вызова передается в качестве аргумента другой функции и выполняется после завершения внешней функции. Разработчики могут использовать обратные вызовы для указания кода, который будет выполняться после завершения асинхронной операции.

Пример:
const fetchData = (callback) => {
setTimeout(() => {
callback('Data fetched!');
}, 1000);
};

fetchData(data => {
console.log(data);
});


#js #собеседование
👍13🔥2🥰21
Друзья, мы недавно начали вести наш канал. Напишите как вам контент и что можно добавить еще?
👍35
Javanoscript вопрос: Какой оператор позволяет выйти из цикла?
Anonymous Quiz
3%
leave
91%
break
3%
broke
2%
left
2%
Посмотреть ответы
😁7👍3🔥1
На собесах довольно часто бывают задачки по алгоритмам в каком либо виде.

Нужны ли нам в канале алгоритмы?
Anonymous Poll
6%
Ну такое себе
85%
Да
4%
Нет
6%
Посмотреть ответы
👍4
Вопрос на React собеседовании.

Что такое реквизиты в React?

Ответ:

Реквизиты (props, пропсы) – это данные, которые передаются компоненту от родителя. Реквизиты доступны только для чтения и не могут быть изменены (картинка сверху).

Подробнее о реквизитах – в
документации.

#react #собеседование
🤡12👍5👎21
JavaScript. Каким будет результат?
Anonymous Quiz
25%
false true
37%
true false
19%
false false
10%
true true
9%
Посмотреть ответы
👍9🤡3💋2
Вопрос на React собеседовании.

Что такое reducer в Redux и какие параметры он принимает?

Ответ:

Редуктор – это чистая функция, принимающая в качестве параметров состояние и действие.
Внутри редуктора мы отслеживаем тип полученного действия и, в зависимости от него, модифицируем состояние и возвращаем новый объект состояния (картинка сверху).

Подробнее о редукторах –
здесь.

#react #собеседование
👍10👎1🥱1
Javanoscript вопрос: Может ли свойство объекта иметь символьный ключ?
Anonymous Quiz
71%
Да
19%
Нет
10%
Посмотреть ответы
😁2
Вопрос на React собеседовании.

Для чего используется useRef и как он работает?

Ответ:

Хук useRef возвращает ссылку (ref-объект), которая может быть привязана к текущему значению какого-либо элемента или состояния компонента. При создании этого объекта, начальное значение устанавливается равным переданному аргументу. Такой объект сохраняется между различными рендерами компонента и его значение не меняется: если мы изменим значение переданного аргумента, это не повлияет на ref-объект.

Обычно useRef используется для доступа к дочерним элементам в императивном стиле, то есть явно обращаясь к какому-то элементу DOM. Это позволяет выполнять различные действия над элементом – изменять стили, добавлять события и т.д. (картинка сверху).

Подробнее о useRef -
здесь.

#react #собеседование
👍71
JavaScript. Какой вариант модифицирует объект person?
Anonymous Quiz
32%
person.name = "Evan Bacon"
9%
person.age = 21
12%
31%
Object.assign(person, { age: 21 })
16%
Посмотреть ответы