JavaScript для 1С-Битрикс: лучшие практики и советы разработчиков

В этой статье мы рассмотрим, как можно использовать BX.addCustomEvent для улучшения взаимодействия между различными компонентами системы, что позволяет создавать более модульные и гибкие решения.

Кратко: BX.cleanNode() — это инструмент для удаления потомков (и самого узла при необходимости) из DOM-дерева прямо из коробки 1С-Битрикс. Функция незаменима, когда нужно быстро «обнулить» контейнер перед повторным выводом данных, освободить память, избавиться от привязанных слушателей событи...

Кратко: BX.remove() — это “скальпель” для фронтенд-разработчика на 1С-Битрикс. С его помощью можно грамотно очищать DOM от временных элементов, всплывающих подсказок, динамически созданных форм или модальных окон, не оставляя «мёртвых» ссылок и обработчиков событий.

JavaScript-ядро Bitrix Framework содержит компактный, но чрезвычайно полезный метод BX.style(). Он упрощает работу со стилями элементов и позволяет как читать, так и изменять CSS-свойства без прямой работы с style и getComputedStyle.

Работа с классами HTML-элементов — одна из повседневных задач фронтенд-разработчика, и платформа 1С-Битрикс предоставляет для этого удобный набор методов пространства имён BX. В этой статье мы разберём «под микроскопом» функцию BX.hasClass, узнаем, как она работает изнутри, рассмотрим частые ...

В JavaScript-ядре Bitrix Framework есть пара лаконичных, но невероятно полезных методов — BX.denyEvent() и BX.allowEvent(). С их помощью можно временно отключать и снова включать обработчики конкретного события на конкретном DOM-элементе. Это особенно удобно, когда нужно предотвратить «дребез...

Кратко: BX.proxy и BX.delegate — это «фабрики» функций-делегатов, которые помогают корректно передавать контекст (this) в обработчики событий, колбэки AJAX и другие асинхронные вызовы во фронтенде 1С-Битрикс.

Работая с фронтендом на 1С-Битрикс, почти каждый проект сталкивается с задачей динамического изменения размеров элементов: подгоняем высоту карточек под самый высокий блок, анимируем раскрытие аккордеона, вычисляем ширину колонки до и после перестроения сетки.

В ядре JavaScript 1С-Битрикс вся работа с событиями унифицирована через пространство имён BX. Помимо привычных BX.bind и BX.unbind, существует метод BX.unbindAll, который снимает все обработчики, ранее зарегистрированные через BX-ядро, либо только с указанного элемента, если он передан как па...

BX.toggleClass() — одна из самых «лёгких», но при этом крайне полезных функций ядра Bitrix JS-framework. Она избавляет от рутинных проверок наличия CSS-класса у узла и позволяет за один вызов добавить, удалить или «прокрутить» набор классов. Ниже — подробное руководство и подборка практических пр...