Функция мемоизации
Напиши функцию memoize, которая принимает другую функцию и кеширует её результаты, чтобы при повторном вызове с теми же аргументами возвращать сохранённое значение.
#домашка
Напиши функцию memoize, которая принимает другую функцию и кеширует её результаты, чтобы при повторном вызове с теми же аргументами возвращать сохранённое значение.
function memoize(fn) {
// Твой код здесь
}
const slowFunction = (n) => {
console.log("Вычисляю...");
return n * n;
};
const memoizedFunction = memoize(slowFunction);
console.log(memoizedFunction(5)); // "Вычисляю..." 25
console.log(memoizedFunction(5)); // 25 (без вычислений)#домашка
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Grid with corner item
2. CSS св-во contain
3. Тег time
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Продуктовый дизайнер
3. UX/UI дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Grid with corner item
2. CSS св-во contain
3. Тег time
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Продуктовый дизайнер
3. UX/UI дизайнер
#лучшеезанеделю
JS Вопрос:
console.log( typeof [].prototype );
console.log( typeof [].prototype );
Anonymous Quiz
18%
undefined
57%
object
7%
string
6%
Ошибка
13%
Посмотреть ответы
Цветные шрифты
На Google Fonts выходит партия цветных шрифтов.
Среди них иконочные по типу эмоджи (https://fonts.google.com/noto/specimen/Noto+Color+Emoji), несколько поддерживающих латиницу (https://fonts.google.com/specimen/Bungee+Spice
https://fonts.google.com/specimen/Nabla ) и ряд из них - арабские алфавиты.
COLRv1 являются векторными, что, конечно, позволяет масштабировать без пикселизации изображения.
Среди особенностей: возможности изменения цветовых схем шрифта, добавление градиента и изменение ширины / высоты / толщины букв.
Источник: https://material.io/blog/color-fonts-are-here
#полезности
На Google Fonts выходит партия цветных шрифтов.
Среди них иконочные по типу эмоджи (https://fonts.google.com/noto/specimen/Noto+Color+Emoji), несколько поддерживающих латиницу (https://fonts.google.com/specimen/Bungee+Spice
https://fonts.google.com/specimen/Nabla ) и ряд из них - арабские алфавиты.
COLRv1 являются векторными, что, конечно, позволяет масштабировать без пикселизации изображения.
Среди особенностей: возможности изменения цветовых схем шрифта, добавление градиента и изменение ширины / высоты / толщины букв.
Источник: https://material.io/blog/color-fonts-are-here
#полезности
Google Fonts
Noto Color Emoji - Google Fonts
Noto Color Emoji is an open source font that has you covered for all your emoji needs, including support for the latest Unicode emoji specification. It features
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Валидаторы
2. Цветные шрифты
3. Timeline на jquery
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. Frontend developer Lanit
Лучшие дизайн вакансии @job_webdesign:
1. Графический дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Валидаторы
2. Цветные шрифты
3. Timeline на jquery
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. Frontend developer Lanit
Лучшие дизайн вакансии @job_webdesign:
1. Графический дизайнер
2. UX/UI дизайнер
#лучшеезанеделю
Почему rem лучше, чем px в 2025 году?
Когда вы задаёте размеры в px, вы игнорируете предпочтения пользователя — например, масштаб текста в настройках браузера.
А вот rem (root em) — это единица, зависящая от базового размера шрифта (html { font-size: 16px } по умолчанию).
Пример:
.button {
padding: 1rem 2rem;
font-size: 1.25rem;
}
Преимущества rem:
— Легко масштабировать весь интерфейс
— Лучше для доступности
— Удобно поддерживать консистентность
👉 Используйте rem для отступов, размеров шрифта и элементов. А px — разве что для границ и теней.
#полезности
Когда вы задаёте размеры в px, вы игнорируете предпочтения пользователя — например, масштаб текста в настройках браузера.
А вот rem (root em) — это единица, зависящая от базового размера шрифта (html { font-size: 16px } по умолчанию).
Пример:
.button {
padding: 1rem 2rem;
font-size: 1.25rem;
}
Преимущества rem:
— Легко масштабировать весь интерфейс
— Лучше для доступности
— Удобно поддерживать консистентность
👉 Используйте rem для отступов, размеров шрифта и элементов. А px — разве что для границ и теней.
#полезности
Какая единица соответствует 1% ширины окна браузера?
Anonymous Quiz
15%
em
10%
rem
59%
vw
11%
vh
5%
Посмотреть ответы
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Влияние CSS на доступность
2. scrollbar-gutter
3. Почему rem лучше, чем px в 2025 году?
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. Junior Frontend Developer
Лучшие дизайн вакансии @job_webdesign:
1. UX/UI дизайнер
2. Web-дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Влияние CSS на доступность
2. scrollbar-gutter
3. Почему rem лучше, чем px в 2025 году?
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик
3. Junior Frontend Developer
Лучшие дизайн вакансии @job_webdesign:
1. UX/UI дизайнер
2. Web-дизайнер
#лучшеезанеделю
CSS Вопрос:
Как правильно задать градиент бордеру (рамке) элемента?
Как правильно задать градиент бордеру (рамке) элемента?
Anonymous Quiz
21%
border-image: linear-gradient(...);
18%
border-color: linear-gradient(...);
43%
border: 1px solid linear-gradient(...);
9%
border-gradient: linear-gradient(...);
9%
Посмотреть ответы