Category : javascript

javascript
Забытый, но небесполезный: багхантинг во вкладке Source. Актуалочка для 2026 года

2026 год, роботы доставщики на улицах крупных городов, автоматические сканеры уязвимостей для QA, фреймворки разработки , которые позволяют написать код как для сайта по продаже авторских батонов и выпечки , так и портал для крупного медицинского бизнеса - все это в наличии и не вызывает удивления. Казалось бы чем нам как разработчикам или QA будет полезен пресловутый DevTools и вкладка Source...Но в этом и заключается парадокс, вкладка Source остается актуальной даже в наш просвещённый век, ве…

  • вторник, 16 июня 2026 г. в 00:00:08
javascript
Один SSE для четырёх LLM: стриминг OpenAI, Anthropic, DeepSeek и Kimi через один бэкенд

Мы делаем чат-агрегатор, где в одном окне доступны GPT, Claude, Kimi и DeepSeek. Фронтенду нужно отдавать ответ в реальном времени — токен за токеном, как в ChatGPT. Бэкенд при этом ходит к четырём разным API, и стриминг у них устроен по-разному. Расскажу, как мы свели это к единому SSE-потоку наружу, и про две грабли, на которые наступили: рваные UTF-8 символы и парсинг чужих SSE.Статья будет полезна всем, кто проксирует LLM через свой сервер.Зачем вообще свой проксиФронтенд не должен знать кл…

  • вторник, 16 июня 2026 г. в 00:00:07
javascript
Большой каталог «на почитать» про $mol, web и не только

$mol — реактивный микромодульный фронтенд-фреймворк, который Дмитрий Карловский (nin-jin) и сообщество развивают с 2016 года. За эти годы накопилась сотня статей на Хабре и большая документация на mol.hyoo.ru, но разбросанные по годам и площадкам тексты сложно осваивать линейно.Это навигатор. На каждый материал один абзац о сути и ссылка на оригинал.СодержаниеЗачем $mol и для когоКак выглядит кодИстория $molРеактивность — фундаментАрхитектура $molРуководство: как писать на $molУтилиты экосистем…

  • вторник, 16 июня 2026 г. в 00:00:05
javascript
Семь браузерных инструментов без сервера: WASM, WebGPU, шифрование на клиенте

Запись в Notion - и текст на чужом сервере. Задачи в облачном планировщике - данные в чужой аналитике.Волна локальных LLM показала широкой аудитории, что on-device - это реально. Модель работает, данные не покидают машину. RAG в indexeddb - кто так не делал?Тот же сдвиг происходит с обычными инструментами. Всё заметнее, что ежемесячная подписка - это аренда софта, которым не владеешь и который нельзя отключить от сети.Я доделал свои 7 pet-проектов. Все работают целиком в браузере, без сервера, …

  • понедельник, 15 июня 2026 г. в 00:00:09
javascript
Передача значений переменной из PHP в JavaScript

Здравствуйте уважаемые читатели. За ранее хочу сказать, что это мой первый пост и не судите очень строго. Сегодня пост будет посвящен передачи значений переменной PHP в JavaScript — сценарий. Этот урок подойдет самым новичкам, тем кто только начинает заниматься Web — программированием. Для начала создадим обычный документ index.php и его каркасом будет служить простой HTML код. <!DOCTYPE HTML> <html> <head> <meta charset = "utf-8" > <title>Работа с пере…

  • понедельник, 15 июня 2026 г. в 00:00:07
javascript
Почему может быть опасно держать открытыми Mini Apps в Telegram или где нибудь ещё: Focus Hijacking…

И так, вы в Telegram Web и вы запускаете безобидное на первый взгляд Mini App, сворачиваете его или просто переключаетесь на соседний приватный чат, чтобы продолжить переписку. Казалось бы, контексты изолированы, фрейм приложения неактивен, и вы в полной безопасности. Но так ли это на самом деле? Всё началось с негромких новостей от малоизвестного блогера, которого в сети называют «Дядя J», который упомянул странное поведение Mini Apps в Telegram и не только. А проблема заключалась в фрейме. Я …

  • понедельник, 15 июня 2026 г. в 00:00:06
javascript
Немного магии: как устроен API фикстур в Playwright

Один из лучших способов по-настоящему разобраться в инструменте — понять, как он устроен изнутри. С большинством JavaScript-библиотек у меня работает так: мне не нужно заглядывать в исходники, потому что по дизайну API уже можно примерно представить его реализацию. Но API фикстур в Playwright поставил меня в тупик. Минимальный тест выглядит следующим образом:import { test, expect } from "@playwright/test"; test("basic test", async ({ page }) => { await page.goto("https…

  • понедельник, 15 июня 2026 г. в 00:00:05
javascript
Как я сделал расширение, которое показывает десктоп и мобильную версию сайта одновременно

Когда верстаешь адаптив, постоянно скачешь между десктопом и мобильной версией: то DevTools в режиме устройства, то ресайз окна, то открыть на телефоне. Десктоп и мобайл при этом никогда не видны одновременно — один прячется, когда смотришь на другой. А при показе работы заказчику демонстрация «узкого окна браузера» по видеосвязи выглядит так себе.Готовые решения, конечно, есть. Я смотрел на мобильные симуляторы из Chrome Web Store — например «Mobile First»Мобильный симулятор - тестирование ада…

  • понедельник, 15 июня 2026 г. в 00:00:04
javascript
Я сделал инструмент для бизнес и системного аналитика, чтобы не держать всё в голове во время разбо…

Меня зовут Денис, я бизнес-аналитик. Статья про то, как я построил себе рабочий инструмент — Custom Tool — который живёт прямо в браузере, ничего не требует устанавливать и помогает не забыть ни одного важного вопроса при разборе задачи.Ссылка на инструмент: denissadykov.github.io/ba-cheatsheet/custom Всё открыто, бесплатно, без регистрации.Проблема, которую я решалКогда берёшь задачу в работу, первый час — самый важный. Нужно понять: что это вообще такое, кто владелец, есть ли риски, что будет…

  • воскресенье, 14 июня 2026 г. в 00:00:02