Что делает метод requestAnimationFrame()?
Anonymous Quiz
37%
Запускает анимацию с фиксированной частотой кадров (например, 60 FPS)
13%
Работает как setInterval(), вызывая функцию через заданные промежутки времени
47%
Вызывает функцию перед отрисовкой следующего кадра, чтобы оптимизировать производительность
3%
Немедленно обновляет и перерисовывает весь DOM
Какой метод позволяет изменять порядок элементов массива?
Anonymous Quiz
25%
sorting()
7%
shift()
10%
splice()
59%
reverse()
👍2🦄2
Задача: Реализуй функцию delayedQueue, которая принимает массив функций и вызывает каждую из них с задержкой 1 секунду.
Пример использования:
#домашка
Пример использования:
const tasks = [
() => console.log('Задача 1'),
() => console.log('Задача 2'),
() => console.log('Задача 3'),
];
delayedQueue(tasks);
// Вывод должен быть с интервалом 1 сек:
// "Задача 1"
// (спустя 1 секунду) "Задача 2"
// (спустя 1 секунду) "Задача 3"
#домашка
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Color picker
2. Как сделать поднимающийся placeholder?
3. CSS Custom Properties
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик в стартап
2. HTML-верстальщик
3. Frontend-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Color picker
2. Как сделать поднимающийся placeholder?
3. CSS Custom Properties
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик в стартап
2. HTML-верстальщик
3. Frontend-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
HTML Вопрос:
С точки зрения семантики может ли элемент <footer> содержать <main>?
С точки зрения семантики может ли элемент <footer> содержать <main>?
Anonymous Quiz
28%
Да
67%
Нет
4%
Посмотреть ответы
JS Вопрос:
С помощью какого ключевого слова мы можем присвоить метод самой функции-классу, а не её "prototype"?
С помощью какого ключевого слова мы можем присвоить метод самой функции-классу, а не её "prototype"?
Anonymous Quiz
13%
public
23%
get
27%
set
26%
static
11%
Посмотреть ответы
Задача: Напиши функцию limitedParallel(promises, limit), которая выполняет limit промисов одновременно, а остальные ставит в очередь.
Пример использования:
#домашка
Пример использования:
const tasks = [
() => new Promise(res => setTimeout(() => res('A'), 1000)),
() => new Promise(res => setTimeout(() => res('B'), 500)),
() => new Promise(res => setTimeout(() => res('C'), 800)),
() => new Promise(res => setTimeout(() => res('D'), 300))
];
limitedParallel(tasks, 2).then(console.log);
// Промисы выполняются не больше чем по 2 за раз
#домашка
👍1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Популярные ui эффекты
2. Виды веб-приложений
3. Стандарты в верстке
Лучшие фронтенд вакансии @job_webdev:
1. Middle Frontend Developer Vue
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Продуктовый дизайнер
2. UX/UI дизайнер
3. Web designer
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Популярные ui эффекты
2. Виды веб-приложений
3. Стандарты в верстке
Лучшие фронтенд вакансии @job_webdev:
1. Middle Frontend Developer Vue
2. HTML-верстальщик
3. Фронтенд-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Продуктовый дизайнер
2. UX/UI дизайнер
3. Web designer
#лучшеезанеделю
❤1👍1
Задача: Количество цифр в числе
Напишите функцию, которая получает на вход целое число и возвращает количество его цифр.
Дополнительно:
Реализуйте два варианта решения:
С использованием строк
Без использования строк
Примеры:
Подумайте:
Как можно решить задачу, не преобразовывая число в строку?
Как обработать отрицательные числа?
#домашка
Напишите функцию, которая получает на вход целое число и возвращает количество его цифр.
Дополнительно:
Реализуйте два варианта решения:
С использованием строк
Без использования строк
Примеры:
console.log(countDigits(1234567)); // 7
console.log(countDigits(-987654)); // 6
console.log(countDigits(0)); // 1
Подумайте:
Как можно решить задачу, не преобразовывая число в строку?
Как обработать отрицательные числа?
#домашка
Как сделать обводку для текста?
Воспользуемся этим кодом:
Данный способ не работает в IE. Для него нам следует задать тексту тени
#полезности
Воспользуемся этим кодом:
<div class="text">Текст с обводкой.</div>
.text {
font-size: 16px;
-webkit-text-stroke: 1px red;
-webkit-text-fill-color: transparent;
}Данный способ не работает в IE. Для него нам следует задать тексту тени
.text {
font-size: 16px;
color: #fff;
text-shadow:
-0 -1px 0 #000000,
0 -1px 0 #000000,
-0 1px 0 #000000,
0 1px 0 #000000,
-1px -0 0 #000000,
1px -0 0 #000000,
-1px 0 0 #000000,
1px 0 0 #000000,
-1px -1px 0 #000000,
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000,
-1px -1px 0 #000000,
1px -1px 0 #000000,
-1px 1px 0 #000000,
1px 1px 0 #000000;
}#полезности
👍4
JS Вопрос:
let bigint = 1n; console.log( +bigint );
let bigint = 1n; console.log( +bigint );
Anonymous Quiz
10%
1
24%
1n
15%
1000000
29%
Error
23%
Посмотреть ответы
👍4