Каждый день мы делимся ссылками в мессенджерах, копируем их из браузера или кликаем по ним. И почти всегда к реальному адресу прилипает хвост из UTM-меток, fbclid, gclid и прочего мусора, которым маркетологи и платформы помечают наш трафик.Создать расширение, которое отрезает этот хвост с помощью регулярного выражения — задача на 10 минут. Но сделать так, чтобы это расширение не сломало работу сайтов, не убило поисковики и не вызвало бесконечные циклы переадресации в современных реалиях Manifes…
В официальной документации Vue Router часто приводят достаточно простые примеры: const routes = [ { path: '/user/:username', component: User, } ]На первый взгляд всё логично. Но короткие примеры в доках созданы, чтобы показать синтаксис, а не хорошие практики. В реальном проекте, где десятки экранов, несколько разработчиков и сотни переходов, такой подход быстро превращается в источник багов и головной боли.Давайте разберём два простых правила, которые сделают работу с роути…
Речь пойдёт о реализации реакции веб-интерфейса на наклон устройства, смещение бликов, теней, для придания ему таким образом интерактивности и объёма.Device Orientation API существует уже давно, мобильные устройства с гироскопом стали основным окном для приложений и сайтов, в тренде эмоциональный дизайн, всевозможные эффекты "блеска" / градиентов встречаются повсеместно, и кажется пора это всё объединить! И ведь Apple выкатили эту фишку в liquid glass! Но... лично по моему мнению, как-…
Господа, продолжаем разбиратся в тонкостях веб компонент. Сделал тут бенч - сравнениe фреймворков ( $mol/lit/symbiot ) по todomcv. Вроде говорим об одном, а бенч о другом, разве не так ? Ан-нет, что бы разобраться с веб компонентами нужны фреймворки которые ставят их во главу угла, те, кто "сделал на них ставку".Вот что мне удалось понять:Первое. Память: 124 байта на веб-компонент, и 16 байт на JS object. Разница на порядок, это много, и без виртуализации интерфейс скорее всего будет л…
АмнезияМэн - ты не вспомнишь о блокировкахКогда VPN на телефоне уже не спасает, а DPI провайдера научился резать WireGuard за секунды, приходит время переносить обфускацию на роутер. В этой статье расскажу, как я сделал полноценный аддон для Asuswrt-Merlin с веб-интерфейсом, выборочной маршрутизацией и поддержкой AmneziaWG 2.0. И почему пришлось отказаться от kernel module в пользу пользовательского пространства.ПроблемаУ меня ASUS GT-AX11000 с прошивкой Asuswrt-Merlin. Обычный WireGuard на роу…
Предлагаю открыть портал в ад и задать вопрос, который сейчас, кажется, витает в воздухе у всех, кто связан с разработкой: фронтенд вообще еще жив? Или логичнее уже сейчас срочно переучиваться, пока через пару лет не пришлось делать это в панике?Я задаю этот вопрос не как человек с десятилетним опытом, стабильной работой и философским спокойствием. Я задаю его как человек, который четыре года учился, чтобы войти в профессию, а вышел на рынок в момент, когда отовсюду слышно одно и то же: IT умер…
На дворе 2026-й, и за это время как React, так и Vue сделали гигантский скачок в развитии и создании экосистемы вокруг себя. Но статистика до сих пор беспощадна к Vue. На React в два раза больше вакансий, чем на Vue. Сколько я ни спрашивал React-инженеров, ответ был всегда один и тот же: «React для серьезных проектов, а Vue так уж».. Серьезно? Почему вы до сих пор так думаете?? Ну хоть один пример приведите, что нельзя сделать во Vue. Хотя бы потратьте 1 день на изучение экосистемы Vue 3 Compos…
Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это одиннадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке.В этом выпуске:📺 Плейлист по отладке Next.js с Sentry.🤖 Рэйчел Эндрю и Эдди Османи — два взгляда на AI: когда использовать, а когда координировать целый оркестр агентов.🛡️ GlassWorm: атака через невидимые Unicode-символы в npm-пакетах и расширениях VS Code.🎨 CSS Anchor Positioning: два круга, стрелка и ноль строк JS от Темани Афифа.⚛️ Storybook MCP для React, …
Архитектура расчётного модуляРазработанный инструмент представляет собой веб-приложение с клиент-серверной архитектурой:Frontend — интерактивный интерфейс на JavaScript с возможностью добавления шин и аппаратов, визуализацией результатов и 2D – термограммой (это график распределения температуры по высоте НКУ)Baсkend — расчётное ядро на Python, реализующее физические алгоритмыUX: пользователь вводит параметры шкафа, шин и аппаратов в удобной форме, нажимает «Рассчитать», и практически мгновенно …