Готовый Код | Frontend
884 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Что выведет консоль
const first = new Promise((resolve, reject) => {
setTimeout(resolve, 500, "один"); }); const second = new Promise((resolve, reject) => { setTimeout(resolve, 100, "два"); }); Promise.race([first, second]).then(res => console.log(res));
Anonymous Quiz
48%
Два
30%
Один
9%
500
4%
100
9%
resolve
Немного вопросов, которые могут появиться на собесе

1. В чем разница между декларацией функции (function declaration) и функциональным выражением (function expression)?

2. Что такое анонимная функция?

3. Расскажите о стрелочных функциях (arrow function). Чем стрелочные функции отличаются от обычных?

4. Что такое и для чего используют IIFE (Immediately Invoked Function Expression)?

5. Что такое hoisting, как он работает для переменных и функций?

6. Что такое замыкание (closure) и каковы сценарии его использования?
Пора делать задачу)
Напишите функцию JavaScript, чтобы получить разницу во времени в минутах между двумя датами.
Тестовые данные :
dt1 = новая дата («13 октября 2014 г., 11:11:00»);
dt2 = новая дата («13 октября 2014 г., 11:13:00»);
console.log (diff_minutes (dt1, dt2));
2
P.s Как вы думаете, где это используется?
Привет! Пора решать задачу!
Напишите функцию JavaScript для объединения данной строки n раз (по умолчанию 1).

Тестовые данные :
console.log (повтор ( 'Ха!'));
console.log (повтор ( 'Ха!', 2));
console.log (повтор ( 'Ха!', 3));
«Ха!»
«Ха! Ха!»
«Ха! Ха! Ха!»

Решение:
repeat = function repeat(str, count) {
if(typeof(count) =="undefined") {
count =1;
}
return count < 1 ? '' : new Array(count + 1).join(str);
}
console.log(repeat('Ha!'));
console.log(repeat('Ha!',2));
console.log(repeat('Ha!',3));
Ответ:
Ха!
Ха! Ха!
Ха! Ха! Ха!
Хай! Используйте метод reduce в комбинации с concat для свёртки массива массивов в один массив, у которого есть все элементы входных массивов.

var arrays = [[1, 2, 3], [4, 5], [6]];
// Ваш код
// → [1, 2, 3, 4, 5, 6]
Хай друга! Сегодня твоя задача - ответить на вопросы:

1. Какие свойства имеет объект location?

2. Как получить строку запроса?

3. Как сделать первую букву строки заглавной?
Хай! Напишите условное утверждение JavaScript, чтобы найти знак произведения трех чисел. Показать окно с указанным знаком.
Номера образцов : 3, -7, 2
Вывод : знак -
Совет дня:
Редактирование полей комментариев с помощью id плохая затея)
Хай! Какие числа выведутся и с какой задержкой?:

for (var i = 0; i < 10; i++) {
setTimeout(() => { console.log(i); }, 1000);
}
// Как сделать чтобы выводились числа по порядку (несколько способов)?
Создайте функцию, которая принимает два числа в качестве аргументов и возвращает их сумму.

Примеры
addition(3, 2) ➞ 5

addition(-3, -6) ➞ -9

addition(7, 3) ➞ 10
Примечания

Не забудьте return указать результат.
Тык тыгыдык! Привет!

Написать функцию, которой передаем имя, и она возраващает приветствие в зависимости от времени суток (Доброе утро\день\вечер\ночи Иван)
Хай, сегодня пятница, а это значит, что уже скоро выходные)

Напиши функцию map(fn, array), которая принимает на вход функцию и массив, и обрабатывает каждый элемент массива этой функцией, возвращая новый массив. Пример:

function square(x) { return x * x; } // возведение в квадрат
console.log(map(square, [1, 2, 3, 4])); // [1, 4, 9, 16]
console.log(map(square, [])); // []
Обрати внимание: функция не должна изменять переданный ей массив:

var arr = [1, 2, 3];
console.log(map(square, arr)); // [1, 4, 9]
console.log(arr); // [1, 2, 3]
Это аналог array_map из PHP.
Хай! Пора решить ещё одну задачку)
Сегодня у нас будет задача "Замена регистра символов"
Пользователь вводит строку кириллицей разного регистра. Напишите функцию, которая принимает строку в качестве аргумента и заменяет регистр каждого символа на противоположный. Например, если вводится «КаЖдЫй ОхОтНиК», то на выходе должен быть массив [кАжДыЙ оХоТнИк].

const str = prompt('Введите слово', 'КаЖдЫй ОхОтНиК');

function changeRegister (str) {

// Ваш код

}

document.writeln(changeRegister(str)); // [кАжДыЙ оХоТнИк]
Пора решить легкую задачку:
Дан инпут. В него вводятся числа через запятую. По потери фокуса найдите среднее арифметическое этих чисел (сумма делить на количество)
Задачка для слайдера:
Даны картинки. По первому нажатию на любую картинку увеличьте ее в 2 раза. По второму нажатию -
уменьшите обратно.
Сегодня ваша задачка сделать вот такой таймер, который отсчитывает например время до вашего дня рождения)
Какой HTML-элемент правильный для воспроизведения аудиофайлов?

А.<audio>

Б.<sound>

В. <vid>
Задача: Написать функцию, которая принимает на вход два массива и возвращает новый массив, содержащий только уникальные элементы из переданных массивов.

P.s Решение в комментариях)