Главная » Архив меток: JavaScript

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

Как дебажить JavaScript код

От автора: урок по решению любой проблемы в JavaScript с помощью отладки. Отладка – отличный навык для решения любых проблем в JS коде. Каждый день мы просыпаемся, завтракаем, идем к компьютеру, садимся и пишем идеальный код, который делает именно то, что мы хотим. А потом мы просыпаемся. Было бы круто, правда? Но это лишь сон. Насколько бы хорошим кодером вы ...

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

Простой переключатель тем для сайта

От автора: одной из фишек современных сайтов является переключатель тем или цветовых схем. Например, это может быть дневной и ночной режим просмотра сайта, который включает светлую или темную цветовую схему. В данном уроке вы найдете простую реализацию данной возможности и буквально в несколько строк кода получите простой переключатель тем для сайта. Читайте нас в Telegram, VK, Яндекс.Дзен

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

Повышение производительности с помощью Web Workers

От автора: пошаговое руководство по имитации многопоточности в JavaScript с помощью Web Workers. JavaScript — это однопоточный язык. Это означает, что движки JavaScript (или компиляторы) могут выполнять только одну инструкцию за раз. JavaScript не может быть многозадачным или выполнять код параллельно, в отличие от других языков программирования. Из этого вы можете сделать вывод, что JavaScript может выполнять только один скрипт ...

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

ООП в JavaScript

От автора: объектно-ориентированное программирование — это шаблон программирования, основанный на концепции различных типов объектов и их свойств. В настоящее время почти все языки программирования поддерживают ООП, но в этой статье мы рассмотрим ключевые характеристики ООП в 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 Используются ...

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