Category : javascript

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
javascript
Многофункциональные списки ng-virtual-list

Привет всем уважаемые читатели.Около года назад я решил сделать универсальное open-source решение для визуализации списков. В первых версиях я отрабатывал технологию виртуализации с различными параметрами, было много исследований, вопросов. Сегодня же состоялся релиз X.12.X версии, которая работает под управлением Angular 14-22. Хочу рассказать на что способен инструмент (ng-virtual-list), какие задачи решает и проведу краткий обзор с демонстрацией примеров.Все приведенные ниже примеры содержат…

  • суббота, 13 июня 2026 г. в 00:00:05
javascript
free AI girlfriend. Почему мужчины уходят из экономики отношений и как устроен пространственный 3D-…

Если оглянуться вокруг, можно заметить что практически вся физическая и цифровая инфраструктура, которой мы пользуемся ежедневно — дороги, дома, электростанции, системы водоснабженияи канализации, интернет — спроектирована, построена и обслуживается преимущественно мужчинами.При этом, согласно макроэкономической статистике, структура перераспределения капитала выглядит иначе. Возникает логичный вопрос: как именно распределяются финансовые потоки в обществе и почему традиционная «экономика отнош…

  • пятница, 12 июня 2026 г. в 00:00:18
javascript
Путь к ошибке: зачем нужны «Breadcrumbs» во frontend-мониторинге

Всем привет. В статье разберём, как с помощью open-source трекера ошибок Хоук восстанавливать цепочку событий перед ошибкой и быстрее понимать, что именно привело к сбою в приложении.Представим обычную ситуацию: пользователь пишет в поддержку, что нажимает «Оплатить», но ничего не происходит. В мониторинге при этом есть ошибка. Видно, где она произошла в коде, виден URL страницы, браузер, устройство и окружение. Но открытым остается вопрос: что именно пользователь делал перед ошибкой?Он сразу н…

  • пятница, 12 июня 2026 г. в 00:00:17