Как правильно отфильтровать массив в зависимости от категории?

Для отфильтровки массива в зависимости от категории в JavaScript можно воспользоваться методом filter(). Предположим, у нас есть массив объектов, каждый из которых содержит свойство категория. Наша задача - отфильтровать только те объекты, у которых значение этого свойства соответствует определенной категории. Прежде всего, создадим массив объектов: const массив = [ { название: 'Продукт 1', категория: 'Еда' ... Читать далее

Как реализовать такой слайдер?

Для реализации слайдера на JavaScript существует несколько подходов. Я расскажу о самом простом и распространенном способе. 1. HTML: Создайте разметку для слайдера в HTML. Например, вот простая разметка: <div class="slider"> <div class="slides"> <img src="slide1.jpg" alt="Slide 1"> <img src="slide2.jpg" alt="Slide 2"> <img src="slide3.jpg" alt="Slide 3"> </div> <div class="controls"> <button class="prev">Prev</button> <button class="next">Next</button> </div> </div> 2. CSS: ... Читать далее

Как правильно перебирать элементы селектора?

В JavaScript существует несколько способов для перебора элементов по селектору. Вот несколько из них: 1. Метод querySelectorAll(): Этот метод позволяет нам выбирать все элементы, соответствующие селектору, и возвращать их в виде коллекции NodeList. Мы можем перебрать эту коллекцию с помощью цикла for или forEach. const elements = document.querySelectorAll('.selector'); // выбираем все элементы по селектору // ... Читать далее

Ошибка cors при обращении к keycloak?

Ошибка CORS (Cross-Origin Resource Sharing) возникает, когда браузер блокирует запросы с одного домена (или порта) к другому домену (или порту) из соображений безопасности. Это ограничение называется политикой same-origin (один источник), и оно выполняется для уменьшения атак межсайтового скриптинга (XSS). Keycloak - это открытая платформа управления доступом и идентификацией, которая обеспечивает Single Sign-On, множество протоколов аутентификации ... Читать далее

API для получения информации о пробках в определенный городах?

Для получения информации о пробках в определенных городах в JavaScript можно использовать различные API, предоставляющие такую функциональность. Ниже представлены несколько популярных API, которые можно использовать для этой цели. 1. Google Maps Traffic API: Google предоставляет API для получения информации о пробках на дорогах на основе данных, собираемых от участников сообщества и других источников. Для использования ... Читать далее

Как перевести дробное число в строку с сохранением нулей в конце (JS)?

В JavaScript есть несколько способов перевести дробное число в строку с сохранением нулей в конце. Рассмотрим их по порядку. 1. Метод toFixed(): Метод toFixed() позволяет указать количество знаков после запятой и возвращает строку, содержащую заданное количество знаков после запятой. Этот метод округляет число при необходимости. Пример: let number = 3.14; let string = number.toFixed(2); console.log(string); ... Читать далее

Django-templates+JS: как в скрипте создать ещё один блок?

Для того чтобы создать новый блок в JavaScript с использованием Django-шаблонов, вам понадобятся следующие шаги: 1. Подготовка HTML-структуры: Ваш шаблон Django должен содержать исходный HTML-код, внутри которого вы можете создать новый блок. Для этого обычно используются HTML-элементы, такие как <div>, <span> или <p>. Назначьте каждому блоку уникальный идентификатор или класс, чтобы мы могли обращаться к ... Читать далее

Как сделать слежение за курсором модели Three.JS?

Для реализации слежения за курсором мы можем использовать библиотеку Three.js в сочетании с JavaScript. Ниже приведен подробный ответ, который объясняет, как это можно сделать. 1. Подключите библиотеку Three.js к вашему проекту. Вы можете скачать ее с официального сайта Three.js или использовать CDN-ссылку для включения в ваш HTML-файл. <script src="https://threejs.org/build/three.js"></script> 2. Создайте сцену, камеру и объект, ... Читать далее

Откуда берется значение в переменной match?

Значение в переменной match в JavaScript может быть получено несколькими способами, в зависимости от того, как была определена переменная. 1. Присвоение значения: В случае, если переменной было явно присвоено значение, она будет содержать это значение. Например: var match = 'Hello'; 2. Аргумент функции: В функциях JavaScript можно передавать аргументы, которые могут быть присвоены переменным, включая ... Читать далее

Почему не регуляркой находится кириллический домен и как учитывать домены 2 уровня?

При использовании регулярных выражений в JavaScript для поиска кириллических доменов возникают определенные проблемы. Одной из основных причин является то, что в стандарте JavaScript не существует нативной поддержки для работы с Юникодом, в котором содержатся символы кириллицы. Как следствие, регулярное выражение может неправильно распознавать символы кириллицы и не находить кириллические домены. Например, выражение: /[u0400-u04FF]+/ не сработает ... Читать далее