📘 Справочник по JavaScript

400+ страниц решений на все случаи жизни:

〰️ Как правильно работать с массивами? — 30+ методов с примерами

〰️ Что такое замыкания и зачем они нужны? — объясняем на пальцах

〰️ Почему промисы лучше колбэков? — сравнение с кодом

〰️ Как отловить баг в консоли? — 9 способов debugging

105 глав. От переменных до unit-тестирования. Каждая тема — с примерами кода и пояснениями.

Ставь ❤️, если было полезно

🐸 Библиотека фронтендера

#readme #js

📌 Дайджест обновлений

➡️ Tailwind CSS v4.1.17

Исправили баги с @variant и падения на Windows — релиз полностью про стабильность.

➡️ Node.js v25.2.0

Добавили расширенные возможности util.deprecate(), улучшили обработку localStorage, стабилизировали type-stripping и обновили движок V8.

➡️ Dependency Cruiser 17.3

Добавили поддержку импорта через process.getBuiltinModule() и поправили работу API c tsconfig.

➡️ Ink 6.5

Появился новый параметр incrementalRendering для постепенного рендеринга.

🐸 Библиотека фронтендера

#release_digest

🎯 CSS научился считать

В Chrome 142 появилась мощная фича — range syntax для container style queries и функции if(). Теперь CSS может сравнивать числа и принимать решения на лету.

Что это значит на практике:

Раньше мы могли проверять только конкретные значения. Теперь — сравнивать: больше, меньше, равно.

ℹ️ Умная тема

Контейнер с кастомной яркостью. CSS сам решает, какой цвет текста использовать:

#container {
  --lightness: 10%;
  
  color: if(
    style(--lightness < 50%): white;
    style(--lightness >= 50%): black
  );
}

Если фон темный (< 50%) — текст белый. Светлый — чёрный. Автоматически!

ℹ️ Умный бейдж уведомлений (см. на картинке)

ℹ️ Адаптивная типографика

CSS проверяет размер шрифта и подбирает оптимальную жирность:

font-weight: if(
  style(1em < 32px): 100;
  style(1em > 32px): 900
);

Маленький текст — тонкий шрифт. Большой — жирный. Для читаемости.

Главное:

✅ Работает с custom properties
✅ Работает с attr() из HTML
✅ Сравнивает разные единицы (px, em, 😵
✅ Поддерживает все числовые типы CSS

Поддержка: Chrome 142+

📎 Читать подробнее

🐸 Библиотека фронтендера

#read_watch