🤔 Почему браузеры ограничивают JavaScript таймеры?
Команда JavaScript for Devs подготовила перевод статьи о том, почему браузеры намеренно замедляют выполнение setTimeout и других таймеров.
Автор объясняет, как это связано с защитой пользователей, рассказывает о своём бенчмарке разных подходов (
📚 Подробности на Хабр: https://habr.com/ru/articles/945872/
Команда JavaScript for Devs подготовила перевод статьи о том, почему браузеры намеренно замедляют выполнение setTimeout и других таймеров.
Автор объясняет, как это связано с защитой пользователей, рассказывает о своём бенчмарке разных подходов (
setTimeout, MessageChannel, scheduler.postTask) и делает прогноз, какие таймеры будут использоваться в будущем.📚 Подробности на Хабр: https://habr.com/ru/articles/945872/
👍4🔥3🤔2
Forwarded from AI for Devs
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
😁3👍1
🫡 Еженедельный дайджест №1
Для тех, кто был слишком занят на неделе или просто пропустил некоторые посты, публикуем дайджест!
Статьи:
– Google Chrome исполнилось 17 лет: история браузера и его будущее
– Кэширование DNS в NodeJS
– Почему браузеры ограничивают JavaScript таймеры?
Новости:
– Supply Chain атака через NPM снова в деле
Самый популярный комментарий этой недели – комментарий к статье "Google Chrome исполнилось 17 лет: история браузера и его будущее" от пользователя
@js_for_devs
Для тех, кто был слишком занят на неделе или просто пропустил некоторые посты, публикуем дайджест!
Статьи:
– Google Chrome исполнилось 17 лет: история браузера и его будущее
– Кэширование DNS в NodeJS
– Почему браузеры ограничивают JavaScript таймеры?
Новости:
– Supply Chain атака через NPM снова в деле
Самый популярный комментарий этой недели – комментарий к статье "Google Chrome исполнилось 17 лет: история браузера и его будущее" от пользователя
@Einherjar:"Если функция полезна только Chrome, но вредит открытому вебу — мы её пересматриваем. Chrome всё больше будет становиться умным ассистентом для жизни в интернете: помогать справляться с потоком информации"
Ага, например возможность установить uBlock Origin, капец как вредит открытому вебу и особенно (!) мешает справляться с потоком информации. Этому челу бы в политики идти, лицемерия и вранья просто через слово.
Прочитав статью задонатил мозилле - вот мой подарок гуглхрому
@js_for_devs
👍5❤2🔥2
Команда JavaScript for Devs подготовила перевод статьи о том, как CSS и HTML могут заменить значительную часть JavaScript.
Автор делится взглядом на веб как на искусство, показывает возможности современных фич CSS — от вложенности и
@starting-style до динамических viewport-единиц, — и доказывает, что сайты могут быть быстрыми, красивыми и интерактивными даже без JS.📚 Подробности на Хабр: https://habr.com/ru/articles/946498/
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯4👍3🔥2
Вы когда-нибудь набирали пароль, он не подходил, а потом оказывалось, что включён Caps Lock? В обычных инпутах это видно сразу, но в
type="password" — сюрприз!Проблема простая: пользователь не понимает, что пароль неверный, потому что регистр был включён. Итог — раздражение, лишние попытки, и неверный UX.
Хорошая новость — это легко отловить в браузере! Используйте
KeyboardEvent.getModifierState('CapsLock') и покажите подсказку:
document.querySelector('input[type=password]')
.addEventListener('keyup', e => {
const capsLockOn = e.getModifierState('CapsLock');
if (capsLockOn) {
console.warn('Caps Lock is ON!');
}
});
А
getModifierState умеет определять не только Caps Lock, но и NumLock, ScrollLock, Fn и даже Super (да, та самая Win/Command-клавиша).#js_tips@js_for_devs
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥4❤2
😎 Как Node.js выжимает максимум из I/O в 2025 году
Команда JavaScript for Devs подготовила перевод статьи о том, как Node.js выжимает максимум из I/O в 2025 году.
В ней подробно объясняется цикл событий, порядок фаз и то, как правильно писать код, чтобы серверы оставались отзывчивыми даже под нагрузкой.
📚 Подробности на Хабр: https://habr.com/ru/articles/947524/
Команда JavaScript for Devs подготовила перевод статьи о том, как Node.js выжимает максимум из I/O в 2025 году.
В ней подробно объясняется цикл событий, порядок фаз и то, как правильно писать код, чтобы серверы оставались отзывчивыми даже под нагрузкой.
📚 Подробности на Хабр: https://habr.com/ru/articles/947524/
🔥5❤2👍2
⚡ JavaScript всё ещё в топ-6, но теряет позиции
JavaScript держится на 6-м месте TIOBE Index с долей 3.22%, но за год просел на −0.70%. Вспомним, что в 2005 он был всего на 11-й позиции — путь наверх он прошёл впечатляющий.
🤔 Как думаете, сможет ли JS удержаться в топ-10 ещё 10 лет — или его место займёт TypeScript?
Источник.
#news@js_for_devs
JavaScript держится на 6-м месте TIOBE Index с долей 3.22%, но за год просел на −0.70%. Вспомним, что в 2005 он был всего на 11-й позиции — путь наверх он прошёл впечатляющий.
🤔 Как думаете, сможет ли JS удержаться в топ-10 ещё 10 лет — или его место займёт TypeScript?
Источник.
#news@js_for_devs
🔥4❤2👍2👏2
😵 React-монополист: как мы сами убиваем развитие фронтенда
Выбор React «по умолчанию» тормозит инновации, мешает развитию альтернативных фреймворков и превращает всю экосистему в монокультуру.
📚 Подробности на Хабр: https://habr.com/ru/articles/948072/
Выбор React «по умолчанию» тормозит инновации, мешает развитию альтернативных фреймворков и превращает всю экосистему в монокультуру.
Пора выбирать фреймворки по их соответствию задачам и техническим достоинствам, а не по инерции. Ваш следующий проект заслуживает большего, чем "React по умолчанию". Экосистема заслуживает инноваций, которые возможны только при разнообразии.
📚 Подробности на Хабр: https://habr.com/ru/articles/948072/
👍4🔥3👏3
🫡 Еженедельный дайджест №2
Для тех, кто был слишком занят на неделе или просто пропустил некоторые посты, публикуем дайджест!
– Вам больше не нужен JavaScript
– Caps Lock + пароли = боль. Вот решение
– Как Node.js выжимает максимум из I/O в 2025 году
– JavaScript всё ещё в топ-6, но теряет позиции
– React-монополист: как мы сами убиваем развитие фронтенда
Самый популярный комментарий этой недели – комментарий к статье "Вам больше не нужен JavaScript" от пользователя
@js_for_devs
Для тех, кто был слишком занят на неделе или просто пропустил некоторые посты, публикуем дайджест!
– Вам больше не нужен JavaScript
– Caps Lock + пароли = боль. Вот решение
– Как Node.js выжимает максимум из I/O в 2025 году
– JavaScript всё ещё в топ-6, но теряет позиции
– React-монополист: как мы сами убиваем развитие фронтенда
Самый популярный комментарий этой недели – комментарий к статье "Вам больше не нужен JavaScript" от пользователя
@Nurked:Хватит бухтеть. В моём детстве это было $() и люди не могли отличить JS от JQuery.
@js_for_devs
🔥5❤3👍3
🔥 Как Shopify перевела свои крупнейшие приложения на новую архитектуру React Native
Команда JavaScript for Devs подготовила перевод кейса Shopify о миграции их крупнейших приложений на новую архитектуру React Native.
Результат впечатляет: еженедельные релизы не остановились, стабильность сохранилась, а производительность выросла.
📚 Подробности на Хабр: https://habr.com/ru/articles/949002/
Команда JavaScript for Devs подготовила перевод кейса Shopify о миграции их крупнейших приложений на новую архитектуру React Native.
Результат впечатляет: еженедельные релизы не остановились, стабильность сохранилась, а производительность выросла.
📚 Подробности на Хабр: https://habr.com/ru/articles/949002/
🔥6❤2👍2
🎨 Весь сайт на SVG? Да, такое тоже бывает!
Иногда интернет подкидывает настоящие артефакты — вот, например, сайт, который полностью сделан на SVG. Не «фон в SVG», не «картинки», а всё: текст, ссылки, меню — всё векторное.
Есть меню с «Home», «Stuf» и «About» в виде кликабельных элементов. Внизу есть заметки: автор честно предупреждает, что неправильное использование SVG может привести к «раздутым» страницам, и рассказывает, что для корректного отображения лучше использовать браузеры с Gecko 1.9+ (то есть Firefox 3.0 и новее).
Сайт выглядит как эксперимент из начала 2010-х. Пример того, как можно делать веб «не как все» :)
Иногда интернет подкидывает настоящие артефакты — вот, например, сайт, который полностью сделан на SVG. Не «фон в SVG», не «картинки», а всё: текст, ссылки, меню — всё векторное.
Есть меню с «Home», «Stuf» и «About» в виде кликабельных элементов. Внизу есть заметки: автор честно предупреждает, что неправильное использование SVG может привести к «раздутым» страницам, и рассказывает, что для корректного отображения лучше использовать браузеры с Gecko 1.9+ (то есть Firefox 3.0 и новее).
Сайт выглядит как эксперимент из начала 2010-х. Пример того, как можно делать веб «не как все» :)
🔥7👍2😁2❤1
Команда JavaScript for Devs подготовила перевод статьи о том, почему тригонометрические функции стали «most hated» возможностью CSS и как их можно использовать с пользой.
Мы разберёмся, что делают sin() и cos(), и посмотрим на практические примеры: от круговых раскладок до затухающих анимаций.
📚 Подробности на Хабр: https://habr.com/ru/articles/949004/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥4❤2
🤔 Сколько трафика выдержит сайт на Next.js: нагрузочные тесты, SSR и предрендеринг
Разбираемся, сколько трафика способен выдержать сайт на Next.js.
В статье подробно рассказывается о результатах нагрузочного тестирования, сравнении VPS и выделенного сервера, различиях между предрендерингом и SSR и о том, почему для проектов с возможными всплесками трафика предрендеринг может спасти, а SSR — стать бутылочным горлышком.
📚 Подробности на Хабр: https://habr.com/ru/articles/949008/
Разбираемся, сколько трафика способен выдержать сайт на Next.js.
В статье подробно рассказывается о результатах нагрузочного тестирования, сравнении VPS и выделенного сервера, различиях между предрендерингом и SSR и о том, почему для проектов с возможными всплесками трафика предрендеринг может спасти, а SSR — стать бутылочным горлышком.
📚 Подробности на Хабр: https://habr.com/ru/articles/949008/
🔥6❤2👍1
The Expert Guide to Next.js Performance Optimization [2025].pdf
1.6 MB
Нашли отличный гайд по прокачке Next.js
Подробное руководство по оптимизации производительности: от код-сплиттинга и стриминга до работы с Web Vitals и измерением реальной скорости загрузки.
Сохраняйте, чтобы не потерять!
Подробное руководство по оптимизации производительности: от код-сплиттинга и стриминга до работы с Web Vitals и измерением реальной скорости загрузки.
Сохраняйте, чтобы не потерять!
🔥6👍3❤2
🤓 SolidJS для React-разработчиков: как реактивная библиотека устроена под капотом
SolidJS — реактивная UI-библиотека, которая выглядит знакомо для React-разработчиков, но работает совсем иначе.
В новой статье разбираем ключевые отличия: почему в Solid нет виртуального DOM, как устроены сигналы, эффекты и прокси-хранилища, а также какие привычки из React ломают реактивность.
Если вы давно хотели понять, как SolidJS работает под капотом, эта статья — отличный старт.
📚 Подробности на Хабр: https://habr.com/ru/articles/951240/
SolidJS — реактивная UI-библиотека, которая выглядит знакомо для React-разработчиков, но работает совсем иначе.
В новой статье разбираем ключевые отличия: почему в Solid нет виртуального DOM, как устроены сигналы, эффекты и прокси-хранилища, а также какие привычки из React ломают реактивность.
Если вы давно хотели понять, как SolidJS работает под капотом, эта статья — отличный старт.
📚 Подробности на Хабр: https://habr.com/ru/articles/951240/
👍4🔥3❤2
Forwarded from AI for Devs
🤩 Вышла Claude Sonnet 4.5 – лучшая модель для программирования
Что внутри? Во-первых, модель стала лучше во всём, что связано с программированием. На бенчмарке SWE-bench Verified она теперь топ-1, а на OSWorld — выросла с 42% до 61% точности за каких-то четыре месяца. То есть Sonnet теперь не только пишет функции, но и отлично справляется с файлами, браузером и таблицами.
Помимо модели также обновили и Claude Code: завезли чекпоинты (можно откатиться, если натворил фигни), обновили терминал, прикрутили нативное расширение для VS Code. В приложении Claude теперь можно прямо в чате генерить документы, таблицы и презентации. Плюс, появился Claude Agent SDK — по сути, тот же движок, на котором Anthropic сами клепают агентов.
Antropic заявляют, что это "most aligned model yet". Другими словами, модель у Anthropic получилось неплохо побороться с галлюцинациями, манипуляциями и прочим "магическим" поведением.
Цена осталась прежней: $3 за миллион input-токенов, $15 — за output. Для разработчиков модель доступна прямо сегодня в API (claude-sonnet-4-5).
Источник | Карточка модели | Модель на Openrouter
@ai_for_devs
Что внутри? Во-первых, модель стала лучше во всём, что связано с программированием. На бенчмарке SWE-bench Verified она теперь топ-1, а на OSWorld — выросла с 42% до 61% точности за каких-то четыре месяца. То есть Sonnet теперь не только пишет функции, но и отлично справляется с файлами, браузером и таблицами.
Помимо модели также обновили и Claude Code: завезли чекпоинты (можно откатиться, если натворил фигни), обновили терминал, прикрутили нативное расширение для VS Code. В приложении Claude теперь можно прямо в чате генерить документы, таблицы и презентации. Плюс, появился Claude Agent SDK — по сути, тот же движок, на котором Anthropic сами клепают агентов.
Antropic заявляют, что это "most aligned model yet". Другими словами, модель у Anthropic получилось неплохо побороться с галлюцинациями, манипуляциями и прочим "магическим" поведением.
Claude Sonnet 4.5 — не только самая мощная, но и самая согласованная с безопасностью из всех наших моделей. Благодаря улучшенным возможностям Claude и обширному обучению в области безопасности нам удалось существенно улучшить его поведение: снизить податливость на лесть, склонность к обману, стремление к власти и подталкивание к иллюзиям. Для агентных функций и работы с компьютером мы также значительно усилили защиту от атак через prompt injection — одной из самых серьёзных угроз для пользователей.
Цена осталась прежней: $3 за миллион input-токенов, $15 — за output. Для разработчиков модель доступна прямо сегодня в API (claude-sonnet-4-5).
Источник | Карточка модели | Модель на Openrouter
@ai_for_devs
👍5🔥3❤1👏1