$izba — связыватель/биндер DOM-элементов с JS

Суть работы

Примеры использования

Простейший пример

Пример именованного подключения

Подключение по `id`

Подключение по любому CSS‑селектору (всегда берётся первый из коллекции)

Подключение по префиксам

Директива — только префикс (пустая директива)

Массовое изменение значений (например, классов CSS)

Особенности `:class` и `:style`

Динамическое связывание

С отдельным объектом

С отдельным массивом

С обновлением/перестройкой связей

Структура директив‑атрибутов

Список директив‑атрибутов в HTML

Формат вызова `$izba()`

Префикс и разделитель

Пример с кастомным префиксом

Инициация `$izba`

Вариант 1: через аргументы (селектор/метка/элемент)

Вариант 2: через объект инициализации

Вариант 3: через метод `props()` после создания

Методы‑свойства

Назначение (проталкивание данных)

Получение (вытаскивание данных)

Работа с обработчиками событий

Особые методы

`$.props([props])`

`$.rebuild()`

`$.getElem()`

`$.unlink()`

`$.newElem(htmlString | element)`

`$.targetFind(event, funCond)`

Соглашения по именованию привязок (директив)

`$izba.effect` -- эффект-декоратор методов-свойств $izba или произвольных элементов DOM

`$izba.effect(ctx, propName, wrapFunc)`

`$izba.effect(elem, protoName, wrapFunc)`

`$izba.memo` -- простой мемоизатор и подписочный стор

`$izba.memo.add(ctx, methodName, ...initArgs)`

`$izba.memo.remove(ctx, methodName)` -- удаление из кэша и отписка, если есть подписчики

`$izba.memo.sync(ctx, props)` -- работа сразу с объектом (под капотом использует `$izba.memo.add`)

`$izba.memo.reset(ctx)` -- удаление из кэша, если есть, и отписка, если есть подписчики (под капотом использует `$izba.memo.remove`)

`$izba.memo.subs(ctx, methodName, subsList)` -- назначение подписчиков

`$izba.memo.unsubs(ctx, methodName, subsNamesList)` -- отключение подписчиков