Posts by Category

Начало работы, структура

Типовая структура расширения для Google Chrome

Работа в фоновом режиме

background.js

manifest.json

Давай разберём построчно все настройки в примере manifest.json:

Фоновые страницы: manifest V2 vs service worker (manifest v3)

Давай разберём разницу между фоновой страницей (Manifest V2) и Service Worker (Manifest V3).

Пример базового расширения

Пишем основу базового расширения

Хоткей для базового расширения

Добавляем хоткеи в базовое расширение

Отображение текущего счетчика (badge) и попапа

Добавляем отображение бейджа и попапа

Уведомления через хром и настройка внешнего вида

Добавляем уведомления

Псевдоклассы

Начнём с псевдоклассов

Селекторы отношений

Базовые селекторы отношений в CSS

Центрирование последнего ряда во flexbox

Если ты хочешь использовать Flexbox для равномерного размещения карточек фиксированной ширины (250px) в контейнере шириной 1200px, то стоит учитывать, что:

:has

Сложные селекторы в CSS, особенно :has() и :contains() (которого нет в CSS), часто путают.

!important

В CSS директива !important должна писаться без пробела между ! и important.

text-decoration: underline на родительском элементе

💡 Проблема: при text-decoration: underline на родительском элементе, мы не можем преребить его через text-decoration: none на элементе-потомке никак

Нюансы stacking-context

Схлопывание вертикальных марджинов

Имеем верхний элемент с margin-bottom: 30px;

Installing dependencies

In global mode (i.e., with -g or --global appended to the command), it installs the current package context (i.e., the current working directory) as a global...

Обновление на Windows и на сервере

Обновление NodeJS / NPM

Automatic restart on file changes

Nodemon explanation

Доступ к одному файлу из разных скриптов

Когда два скрипта работают с одним и тем же файлом одновременно, это может привести к проблемам, если не обеспечена синхронизация между ними. Вот несколько п...

fs module

fs module explained

Остановка фонового скрипта

Если ты запустил скрипт через npm script (например, npm run my-script), и внутри него используется setInterval, то он продолжает выполняться до тех пор, пока...

Using Docker

Базовые вопросы при знакомстве с Docker

Git Cheatsheet

A single document for my most used Git commands and patterns

Git branch creation

How to create a new branch

Полная перезапись репозитория

Что делать, если запушились файлы, которые не должны были попасть в репозиторий

Затирка коммита

Если нужно забыть коммит

Excluding a folder from the Github action workflow

How to exclude a folder from the Github action workflow

Set vs Array

Основные отличия Сетов от Массивов в JS

weakSet vs Set

The main differences to the Set object are: WeakSets are collections of objects and symbols only. They cannot contain arbitrary values of any type...

Set notes

При передаче с бекенда на фронтенд Set - получаем пустой объект

Переменные в запросах

Примеры с отделением/вынесением переменных из GraphQL-запросов

Переименование объектов в запросах

Методы итерации массивов

В JavaScript есть множество способов для итерации по массиву. Вот основные из них:

Terminology

Некоторые нюансы терминологии

Синтаксис скалярных типов

Учимся читать сигнатуры запросов и ответов

Разбиение запроса на части

Как быть если запрос слишком большой?