Рубрика: JavaScript

  • Какая разница между var, let и const в JavaScript?

    Рассмотрим три ключевых отличия между объявлениями переменных в JavaScript: var: Имеет функциональную область видимости. Переменная доступна внутри функции, где объявлена, или глобально, если объявлена вне функции.let: Имеет блочную область видимости. Переменная доступна только внутри блока {}, где объявлена.const: Также имеет блочную область видимости, как и let. var: Поднимается. Может использоваться до объявления, но значение будет…

  • Как удалить дубликаты чисел из массива?

    В JavaScript Использование Set (самый простой способ): Использование filter() и indexOf(): Использование reduce(): Метод с использованием Set является наиболее эффективным и коротким решением, так как Set по определению может содержать только уникальные значения. В PHP Использование array_unique() (самый простой способ): Использование array_keys() и array_flip(): Использование цикла foreach с проверкой: Рекомендации по выбору метода: Если вы…

  • Как добавить класс к корневому элементу html с помощью Javascript?

    Добавление класса ‘js’ к корневому HTML-элементу обычно используется для того чтобы убедиться в поддержки JavaScript (чтобы можно было менять стили и поведение элементов в зависимости от поддержки JS) Чистый JavaScript (ES6+): Vanilla JavaScript (более старый синтаксис): С проверкой поддержки classList: Универсальный вариант, который: Эти варианты полностью заменяют jQuery-версию и добавляют класс ‘js’ к корневому HTML-элементу,…

  • Как выбрать соседний элемент после первого дочернего в JavaScript?

    Чтобы выбрать соседний элемент после первого дочернего элемента в JavaScript, вы можете использовать свойство nextElementSibling. Вот пример кода: Объяснение: Таким образом, вы можете легко получить соседний элемент после первого дочернего. Замените ‘.parent-class’ на ваш класс родителя.

  • Как сделать выбор элементов из DOM на JavaScript?

    В этой статье проведём обзор способов выбора элементов на чистом JavaScript. Базовые методы querySelector: Классические методы DOM: Вложенные селекторы: Методы с деструктуризацией: Поиск ближайших элементов: Безопасный выбор с проверкой: Пример реализации через функцию: ? Рекомендации: ? Производительность (от быстрого к медленному):

  • Как сделать маску (шаблон) в input при вводе номера телефона для WooCommerce?

    Дано: Интернет-магазин на WordPress+WooCommerce Задача: На странице оформления заказа в поле для ввода номера телефона задать предустановленную схему номера в формате пригодному для русскоязычного сегмента +7 xxx-xxx-xx-xx (или вариант через 8-ку) Решение: Выполнять поставленную задачу мы будем на JavaScript, в первом случае — на базе библиотеки jQuery, которая поставляется с WordPress и доступна «из коробки»…

  • woocommerce sku

    Как сделать копирование артикула товара по клику в WooCommerce?

    Задача: для удобства сотрудников сделать копирование артикула по клику. Реализовывать мы будем это на стороне клиента (браузера) при помощи JavaScript используя нужные нам методы при работе с DOM. Давайте рассуждать. У нас есть артикул, значение которого выводится в строчном элементе <span>, благодаря атрибуту class мы можем «зацепиться за него» — это, условно говоря, его имя.…

© «Code==Poetry», 2025