JavaScript заметки

Hippotable — анализ данных прямо в браузере Сегодня я расскажу про hippotable — удобный инструмент для анализа данных, который я сделал для себя и для людей. Я люблю ковыряться в данных. Иногда станет интересно, в какой области больше всего городов, так аж кушать не могу, пока не выясню (как легко догадаться, в Московской, но потом в Свердловской). А на работе мне иногда удаётся совместить приятное с полезным: о нет, вижу ошибку в логах! Из каких браузеров она летит? #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Closures для создания приватных переменных JavaScript Closures позволяют создавать приватные переменные, недоступные извне функции. #полезное

Кодогенерация и парсинг TypeScript с помощью typescript Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Event Listeners для обработки событий JavaScript Event Listeners позволяют отслеживать и реагировать на различные события, такие как клик, наведение, отправка формы и другие. #полезное

Typescript ENUM — баланс использования Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript async/await для управления асинхронными операциями JavaScript async/await предоставляет удобный синтаксис для работы с асинхронными операциями, делая код более читаемым. #полезное

DagazBot — Хранитель ключей и мётел История проекта Dagaz прошла у вас перед глазами. Когда я только начинал писать про Zillions, главным возражением было то, что платформа эта платная и запускается только под Windows. Появился Dagaz — полностью бесплатный проект с открытой лицензией и общедоступным исходным кодом, игры которого можно запускать из браузера, даже на мобилках. Блокирующим фактором стало отсутствие адекватных ботов. Пришлось осваивать GarboChess и разрабатывать DagazServer, на котором игроки могли бы играть по сети друг с другом. Это стало большим шагом вперёд, но на сервере требуется авторизация, а логины и пароли — это как раз то, что забывается легче всего. Счастлив сообщить, что теперь их запоминать не надо. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Destructuring для более удобной работы с объектами и массивами JavaScript Destructuring позволяет более удобным образом извлекать значения из объектов и массивов. #полезное

Css «карточки» в динамически генерируемом web документе — моя реализация Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время. Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Set для уникальных коллекций значений JavaScript Set предоставляет коллекцию уникальных значений и автоматически удаляет дубликаты. #полезное

Увлекательный мир фронтенда Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!» #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Web Workers для многозадачности в веб-приложениях Web Workers позволяют выполнять многозадачность в веб-приложениях, разделяя выполнение задач между основным потоком и фоновыми воркерами. #полезное

Раскрываем силу JavaScript: сокращение размера пакета NPM на 99% Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript WebRTC API для передачи потоков данных в реальном времени WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями. #полезное

Сборка мусора в JavaScript Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом? В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора. Поехали убираться! #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript WeakMap для привязки данных к объектам без утечек памяти WeakMap хранит ключи в виде объектов, которые могут быть удалены сборщиком мусора, предотвращая утечки памяти. #полезное

Валидация формы с помощью AJV, Vue.js и TypeScript Валидация форм является важной частью frontend-разработки, которая помогает улучшить пользовательский опыт и предотвратить ошибки при отправке данных на сервер. В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Generators для создания ленивых итераторов Генераторы позволяют создавать функции, которые могут "запоминать" свое состояние, возвращая значения с помощью yield. #полезное

Сборка мусора в JavaScript Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом? В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора. Поехали убираться! #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript WeakMap для привязки данных к объектам без утечек памяти WeakMap хранит ключи в виде объектов, которые могут быть удалены сборщиком мусора, предотвращая утечки памяти. #полезное