Разработка игры на React JS #10: Продажа товаров по цене города / Game development React JS

Всем привет! В прошлом видео мы добавили контролы и реализовали функцию для покупки товаров в городе. В этом видео мы настроим продажу товаров игрока по цене города в текущий момент. Плюс исправим несколько коварных багов. Есть идеи, что добавить в…

JS: преобразуем объект в массив

Привет! У нас есть как минимум 3 способа, чтобы конвертировать объект в массив. В массиве есть массив методов. Преобразовав объект в массив, вы получите доступ ко всему этому. Юху! 🥳 Время для истории Древние времена Давным-давно, в далекой галактике, проходиться…

Введение в импорт и экспорт ES модулей

По мере того, как проект растет, управление всем вашим кодом может стать сложным. Скрипты становятся очень большими. Файл нужно скроллить, прыгать из места в место. Скорее всего, вы используете имена для переменных или функций, которые вы уже использовали где-то еще….

Использование localStorage во Vue.js

Всем привет! localStorage может быть невероятно полезным инструментом при создании приложений, расширений и многого другого. В случаях, когда вы храните что-то небольшое для пользователя, которое не нужно хранить постоянно, localStorage — наш друг. Давайте объединим localStorage с Vue. Упрощенный пример…

Преобразуем метод jQuery click() в Vanilla JS

Добрый день! Сегодня мы разберем, как преобразовать метод jQuery click() в обычный JS. Что делает метод jQuery click() Метод click() перехватывает нажатие на элементы с совпавшим селектором и выполняет функцию callback, которую мы ему передали. Это очень удобный метод, который…

Преобразуем метод jQuery remove() в Vanilla JS

Все привет! Сегодня мы посмотрим на JQuery метод remove() и попробуем его преобразовать к обычному JS.   jQuery remove() метод jQuery’s remove() удаляет все элементы в коллекции из DOM дерева. <p> <button id="save">Save</button> <button id="edit">Edit</button> <button id="cancel">Cancel</button> </p> Вы можете удалить…

Нововведения Vue 3: Teleport. Зачем и как?

Добрый день! Сегодня мы рассмотрим нововведение Vue.js 3: Teleport.   Зачем нужно? Наиболее частый случай: у нас есть наше vue приложение и есть какое-то модальное окно (которое может не быть компонентом и находиться в отдельной dom-ноде). И, допустим, мы хотим…

JS: головоломки

Добрый день! Недавно наткнулся на несколько интересных задачек на знание тонкостей JS.   Приведу их здесь, попробуйте решить. А если не получится — всегда можно посмотреть результат в консоли браузера. 'b' + 'a' + + 'a' + 'a' (!+[]+[]+![]).length  …

Смотрим на WebGL

Здравствуйте, уважаемые читатели! В продолжении статей про Canvas сегодня хотел бы вам рассказать про WebGL. Чтобы лучше понимать, как мы работаем с WebGL, рекомендую освежить знания по Canvas: основы работы с Canvas основы работы с изображениями   WebGL позволяет web-контенту…

Canvas: основы работы с изображениями, спрайты

 Здравствуйте, уважаемые читатели! В сегодняшней статья я хотел немного рассказать про работу с изображениями с помощью Canvas Api. Данная статья является продолжением линейки статей про Canvas. Первая статья здесь: Canvas, основы работы с помощью JavaScript. Естественно, что в Canvas есть…