Главная » Архив меток: JavaScript (страница 3)

Архив меток: JavaScript

Умный маппер JavaScript: array.flatMap()

От автора: Аrray.map() — очень полезная функция сопоставления: она принимает массив и функцию сопоставления, а затем возвращает новый сопоставленный массив. Однако есть альтернатива array.map(): array.flatMap() (доступен начиная с ES2019). Этот метод дает вам возможность отображать, а также удалять или даже добавлять новые элементы в результирующий сопоставленный массив. 1. Умный маппер Имея массив чисел, как бы вы создали новый массив с ...

Читать далее »

Обращайте внимание на то, что возвращают методы JS!

От автора: мне часто кажется, что многим разработчикам JavaScript не удается использовать ряд наиболее интересных и полезных функций, когда речь идет о большом количестве методов объектов. Что навело меня на эту мысль, так это то, что штатный разработчик клиента сказал, что «невозможно» сделать неизменяемый константный массив или объект. Полная чушь, если вы завернете объявление в Object.freeze с константным присваиванием. Я ...

Читать далее »

Добавьте сервис-воркер на свой сайт

От автора: одна из лучших вещей, которую вы можете сделать для своего веб-сайта в 2022 году, — это добавить сервис-воркера, если у вас его еще нет. Сервис-воркеры наделяют ваш сайт сверхспособностями. Сегодня я хочу показать вам некоторые удивительные вещи, которые они могут делать, и дать вам шаблон применения, который вы можете использовать, чтобы сразу же начать пользоваться сервис-воркерами на своем ...

Читать далее »

Определение координат пользователя и проверка их вхождения в заданную область

От автора: не так давно, мы публиковали урок по отрисовке на google картах некой области – полигона, которая может использоваться для показа сферы влияния компании. Часто возникает задача по определению местоположения пользователя на карте и проверки принадлежности его к некой географической зоне. Поэтому в текущем уроке мы рассмотрим способ по нахождению географических координат пользователя и определения вхождения их в заданную ...

Читать далее »

Иногда JavaScript — неправильный ответ

От автора: давайте поговорим о некоторых случаях, когда вам лучше не использовать JS. JavaScript может делать что угодно, по крайней мере, мы так думаем. Однако, хотя это звучит круто и потенциально может быть правдой, есть несколько вещей, которые нам не следует делать с JavaScript, даже если мы сможем найти обходной путь для его внутренних ограничений. В этой ситуации на ум ...

Читать далее »

Управление памятью в JavaScript

От автора: изучая управление памятью, мы имеем дело в основном с двумя вещами, а именно с тем, как распределяется память и как мы можем получить к ней доступ. Жизненный цикл памяти состоит из 3 фаз: Распределение Использование Освобождение Фаза распределения и использования обрабатывается в JavaScript. Понимание процесса управления памятью поможет вам эффективно использовать память при создании кода. Хранилище JavaScript Используются ...

Читать далее »

5 распространенных ошибок при использовании промисов

От автора: промисы предоставляют элегантный способ обработки асинхронных операций в JavaScript. Когда-то это было прорывное решение, позволяющее избежать ада обратных вызовов. Однако не многие разработчики понимают, что у них внутри. В результате многие, как правило, ошибаются при использовании промисов на практике. В этой статье я расскажу о пяти распространенных ошибках при использовании промисов в JavaScript, чтобы вы могли их избежать. ...

Читать далее »

Как создать собственную криптовалюту с помощью JavaScript

От автора: в настоящее время существует множество способов отправить деньги кому-то в цифровом виде. Большинство способов — через банк или через онлайн кошельки, но в последнее время стало популярным использование криптовалюты. Криптовалюта — отличный способ анонимно отправлять деньги другим людям. Еще одним преимуществом криптовалют является то, что их сеть децентрализована, а это означает, что никто не контролирует транзакцию и нет ...

Читать далее »

Scroll-linked и ScrollTimeline анимация

От автора: спецификация Scroll-linked Animations — это предстоящее и экспериментальное дополнение, которое позволяет нам связывать анимацию с прокруткой: когда вы прокручиваете вверх и вниз контейнер прокрутки, связанный элемент также продвигается или перематывается соответственно. Мы рассмотрели некоторые варианты использования в предыдущем разделе, посвященном CSS-трюкам, все они управляются правилом CSS @scroll-timeline и свойством animation-timeline, эти варианты использования были созданы с использованием только ...

Читать далее »

Google Maps – отрисовка полигонов и окружностей на карте

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

Читать далее »