This media is not supported in your browser
VIEW IN TELEGRAM
😍 QuickRef — лаконичная шпаргалка по JavaScript
Это удобный мини-справочник, в котором на одной странице собраны основные конструкции и синтаксис JS. Внутри — переменные, функции, операторы, работа со строками и массивами, а ещё короткие примеры кода, чтобы быстро освежить нужную тему без долгих поисков.
Формат у материала предельно практичный: открыл, нашёл нужный фрагмент и сразу вернулся к работе. Особенно полезно, когда нужно быстро вспомнить базу или перепроверить синтаксис.
#JavaScript #JS #шпаргалка
Это удобный мини-справочник, в котором на одной странице собраны основные конструкции и синтаксис JS. Внутри — переменные, функции, операторы, работа со строками и массивами, а ещё короткие примеры кода, чтобы быстро освежить нужную тему без долгих поисков.
Формат у материала предельно практичный: открыл, нашёл нужный фрагмент и сразу вернулся к работе. Особенно полезно, когда нужно быстро вспомнить базу или перепроверить синтаксис.
#JavaScript #JS #шпаргалка
👩💻 Фокус на элементе без JavaScript
В линейных списках и панелях иногда нужно быстро подсветить активный объект, не городя лишнюю логику. Один из простых приёмов — слегка приглушить все элементы и оставить акцент только на том, с которым сейчас взаимодействует пользователь.
Как это устроено:
• контейнер отслеживает состояние через
• всем элементам задаётся пониженная
• активный элемент отменяет это правило для себя;
• лёгкий
Подход простой, но хорошо работает там, где важно быстро направить взгляд пользователя.
#JavaScript #CSS #UI
В линейных списках и панелях иногда нужно быстро подсветить активный объект, не городя лишнюю логику. Один из простых приёмов — слегка приглушить все элементы и оставить акцент только на том, с которым сейчас взаимодействует пользователь.
Как это устроено:
• контейнер отслеживает состояние через
:hover;• всем элементам задаётся пониженная
opacity;• активный элемент отменяет это правило для себя;
• лёгкий
transform добавляет ощущение глубины.Подход простой, но хорошо работает там, где важно быстро направить взгляд пользователя.
#JavaScript #CSS #UI
Что стоит знать в JavaScript к 2026 году
В центре внимания — свежие изменения из ECMAScript 2025 и их практическое применение. Среди заметных вещей: ленивые итераторы и helper-утилиты, которые помогают экономить память, а ещё
Но важен не только сам синтаксис. Куда интереснее, как всё это будет работать в реальных рантаймах, фреймворках, библиотеках и инструментах разработки. Такой же прикладной взгляд полезен и в других темах: например, в @planeta_priroda_animals часто разбирают природу и экологию через понятные наблюдения, а в разработке тот же принцип — меньше шума, больше смысла.
#JavaScript #ECMAScript #RegExp
В центре внимания — свежие изменения из ECMAScript 2025 и их практическое применение. Среди заметных вещей: ленивые итераторы и helper-утилиты, которые помогают экономить память, а ещё
RegExp.escape для безопасной сборки регулярных выражений из пользовательского ввода.Но важен не только сам синтаксис. Куда интереснее, как всё это будет работать в реальных рантаймах, фреймворках, библиотеках и инструментах разработки. Такой же прикладной взгляд полезен и в других темах: например, в @planeta_priroda_animals часто разбирают природу и экологию через понятные наблюдения, а в разработке тот же принцип — меньше шума, больше смысла.
#JavaScript #ECMAScript #RegExp
Небольшой JS-лайфхак
Если нужно быстро читать или менять query-параметры в ссылке, не обязательно разбирать строку вручную. У объекта
С его помощью можно:
— получить значение параметра
— добавить новый
— обновить существующий
— удалить лишнее
Подход простой и намного чище, чем самописный парсинг строки. Почти как хороший рецепт, где всё уже разложено по шагам — кстати, похожий принцип любят и в канале с рецептами и домашней кулинарией.
#JavaScript #URL #searchParams
Если нужно быстро читать или менять query-параметры в ссылке, не обязательно разбирать строку вручную. У объекта
URL уже есть удобное свойство searchParams — это экземпляр URLSearchParams.С его помощью можно:
— получить значение параметра
— добавить новый
— обновить существующий
— удалить лишнее
Подход простой и намного чище, чем самописный парсинг строки. Почти как хороший рецепт, где всё уже разложено по шагам — кстати, похожий принцип любят и в канале с рецептами и домашней кулинарией.
#JavaScript #URL #searchParams
ShadowRealm в JavaScript — это новый API для изолированного выполнения кода в отдельной среде. Идея в том, чтобы отделить контекст исполнения и не делить глобальные объекты между разными частями приложения.
По сути, это шаг к более безопасной архитектуре: сторонний или потенциально рискованный код можно запускать с меньшим влиянием на основную среду. Особенно интересно это выглядит на фоне browser realms, где вопрос изоляции давно важен для надежности и предсказуемости поведения.
Если API получит широкую поддержку, разработчики смогут аккуратнее строить приложения с упором на безопасность и контроль исполнения.
#JavaScript #API #безопасность
По сути, это шаг к более безопасной архитектуре: сторонний или потенциально рискованный код можно запускать с меньшим влиянием на основную среду. Особенно интересно это выглядит на фоне browser realms, где вопрос изоляции давно важен для надежности и предсказуемости поведения.
Если API получит широкую поддержку, разработчики смогут аккуратнее строить приложения с упором на безопасность и контроль исполнения.
#JavaScript #API #безопасность
👍2
ES2025 добавил нативный импорт JSON как модулей
Теперь JSON можно подключать прямо в JavaScript без лишних обходных путей — удобно для конфигов, моков и других статических данных. Используется импорт с атрибутом
После этого к полям можно обращаться как к обычному объекту:
#JavaScript #JSON #ES2025
Теперь JSON можно подключать прямо в JavaScript без лишних обходных путей — удобно для конфигов, моков и других статических данных. Используется импорт с атрибутом
with { type: 'json' }, чтобы движок сразу понимал формат файла.import config from './config.json' with { type: 'json' };После этого к полям можно обращаться как к обычному объекту:
config.apiUrl, config.timeout. Подход делает код чище и предсказуемее, особенно в проектах, где много настроек и служебных JSON. Почти как в рецептах и кулинарных разборах: всё разложено по структуре, и нужное находится сразу.#JavaScript #JSON #ES2025
🔥1
Textarea, которая сама растёт по содержимому — без JavaScript
Для форм, чатов и блоков комментариев это частая мелочь, которую обычно закрывают скриптами. Но в современных браузерах часть задачи уже можно решить нативно через CSS.
Как это работает:
•
•
• высота пересчитывается браузером автоматически, без лишней JS-логики.
Подход не везде поддерживается одинаково, но как способ упростить интерфейс и убрать лишний код — очень полезная штука.
#CSS #JavaScript #textarea
Для форм, чатов и блоков комментариев это частая мелочь, которую обычно закрывают скриптами. Но в современных браузерах часть задачи уже можно решить нативно через CSS.
Как это работает:
•
field-sizing: content позволяет полю учитывать объём текста;•
textarea расширяется по мере ввода;• высота пересчитывается браузером автоматически, без лишней JS-логики.
Подход не везде поддерживается одинаково, но как способ упростить интерфейс и убрать лишний код — очень полезная штука.
#CSS #JavaScript #textarea
❤1👍1