Pavel Osin
@osinpaul
Павел Осин. Frontend-разработчик. Заметки о программировании и не только.
🏠 Пенза, Россия.
113 posts

performance() в браузере

Когда речь заходит о производительности веб-приложений, большинство разработчиков вспоминают Lighthouse, Web Vitals и профайлеры в DevTools. Но в современном JavaScript есть ещё один мощный инструмент, который часто недооценивают — Performance API. Это встроенный интерфейс браузера, который позволяет точно измерять время выполнения операций внутри веб-приложения: от загрузки страницы до конкретных участков кода. Он даёт доступ к высокоточным временным меткам (DOMHighResTimeStamp) и системам метрик.

Шпаргалка по Conventional Commits

Система Conventional Commits помогает писать единообразные коммиты, которые легко читать, анализировать и автоматически использовать в релизах.

Перенос файлов между ветками git

Иногда в Git нужно не переключаться полностью на другую ветку, а забрать из неё один или несколько конкретных файлов. Это существенно упрощает работу, особенно если нужно подтянуть изменения коллеги, а они разбиты по нескольким коммитам. Git позволяет сделать это в одну команду — git checkout (в новых версиях — git restore).

Signal forms в Angular

Angular продолжает движение в сторону чистой реактивности без RxJS, и сигналы стали первым большим шагом. Теперь к ним добавились сигнальные формы — экспериментальный API, появившийся в Angular 21.

WeakMap

WeakMap — это структура, которая не удерживает объект от удаления GC.

RxJS share() в Angular

Многие Observable в RxJS являются холодными. Это означает, что при каждой подписке создаётся новый поток, заново выполняются все операторы и возможные побочные эффекты — например, HTTP-запросы, таймеры, логирование и т.д.

Запуск Chrome в режиме бeз CORS

Во время локальной разработки часто возникает необходимость тестирования API-запросов к другим доменам. Браузер блокирует такие запросы из-за политики CORS, что затрудняет отладку. Для упрощения тестирования можно запустить Chrome в режиме без проверки CORS.

REST vs GraphQL

В мире веб-разработки REST и GraphQL являются двумя наиболее популярными подходами к организации взаимодействия между клиентом и сервером. Несмотря на то, что оба подхода решают схожие задачи — передача данных через API — у них есть ключевые различия, которые могут повлиять на выбор в зависимости от потребностей проекта.

Что такое платформа (platform) в Angular

Платформа - это среда запуска приложений Angular. Платформа инициализируется при старте приложения, в случае разработки обычного SPA приложения может быть инициализирована одним из способов:

Настройка Keenetic для работы за городом

Удаленка - наше всё, особенно если ты программист. В условиях загородной жизни стабильный интернет — это не роскошь, а необходимость. Немного расскажу о том, как я настроил под себя роутер, а так же поделюсь инструкциями. Требования просты: стабильная работа и экономия на тарифе. Стабильную работу можно обеспечить периодическим "пингом" какого-нибудь ресурса, а для экономии можно взять любой тариф для телефона "прикинувшись им". Приступим к настройке. Для реализации своих задумок я возьму роутер Keenetic второго поколения (любой с USB портом).