JavaScript заметки

Использование JavaScript Proxy для реализации виртуальных свойств

Здесь Proxy используется для создания виртуального свойства fullName, которое автоматически обновляет значения firstName и lastName при установке.

#полезное

Oxlint — более быстрая альтернатива ESLint

Друзья, всем привет! Меня зовут Игорь Карелин, я frontend-разработчик в компании Домклик. Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript localStorage для долгосрочного хранения данных на стороне клиента

localStorage подобен sessionStorage, но сохраняет данные на стороне клиента даже после закрытия вкладки или браузера.

#полезное

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 Fetch API для отправки данных на сервер

Fetch API также позволяет отправлять данные на сервер с использованием метода POST, что полезно для создания, обновления или удаления данных.

#полезное

Python без типов: таким он когда-то был

О типизации в Python сказано уже очень много. Если вам выпало сомнительное удовольствие поработать со мной, то вы, вероятно, в курсе, насколько скептически я отношусь к типизации в Python. Причины тому – сложность синтаксиса, mypy еле ползает, реализация языка в принципе переусложнена, а взаимодействовать с ним зачастую неудобно. Сегодня я не буду упирать на эти детали, а хочу пригласить вас в небольшое путешествие в прошлое и рассказать, каковы были мои первые впечатления от работы с Python. Почему? Потому что я думаю, что существует фундаментальный и глубокий конфликт между формообразующей философией Python и концепцией типизации. Причём, этот конфликт не нов.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование 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 предоставляет коллекцию уникальных значений и автоматически удаляет дубликаты.

#полезное

Увлекательный мир фронтенда

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Map для хранения данных в виде "ключ-значение

JavaScript Map предоставляет коллекцию данных в форме "ключ-значение" и обеспечивает простой способ добавления, получения и удаления данных.

#полезное

Бинарный поиск

Нам нужно написать функцию, которая принимает отсортированный массив чисел numberArray и возвращает индекс найденного числа. Если индекс не найден, тогда возвращается -1.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Proxy для перехвата и изменения поведения объекта

JavaScript Proxy предоставляет механизм для перехвата и изменения поведения операций с объектами, таких как чтение и запись свойств.

#полезное

Типы событий в React и TypeScript

При работе с React и TypeScript вы часто сталкиваетесь с ошибками...

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью