Форум

Методологія

Інструментарій

Платформа

Спільнота

Перевод этой статьи на ваш язык отсутствует, вы можете помочь нам перевести.

i-bem.js: руководство пользователя

i-bem.js: JavaScript-фреймворк для БЭМ

i-bem.js — специализированный JavaScript-фреймворк для веб-разработки в рамках БЭМ-методологии.

i-bem.js позволяет:

  • разрабатывать веб-интерфейс в терминах блоков, элементов, модификаторов;
  • описывать логику работы блока в декларативном стиле — как набор состояний;
  • легко интегрировать JavaScript-код с BEMHTML- или BH-шаблонами и CSS в стиле БЭМ;
  • гибко переопределять поведение библиотечных блоков.

i-bem.js не предназначен для замены фреймворка общего назначения, подобного jQuery.

Краткий обзор содержания документа:

  • Общие сведения о фреймворке: связь с предметной областью БЭМ, краткое описание модульной структуры фреймворка, шаблонного проекта и инструментов для сборки кода, написанного с использованием i-bem.js.
  • Привязка JS-экземпляров к HTML — разметка JS-блоков в HTML-коде страницы, варианты соотношения HTML-элементов и JS-экземпляров.
  • Декларация — синтаксис описания класса блока и элемента.
  • Передача параметров — передача параметров экземпляру блока и элемента, получение доступа к параметрам из экземпляра.
  • Работа с DOM-деревом — API для работы с DOM-узлами блоков и элементов.
  • Состояния — модификаторы, триггеры на изменение модификаторов.
  • Коллекции — работа с несколькими экземплярами блоков или элементов.
  • События — событийная модель i-bem.js: DOM- и БЭМ-события.
  • Инициализация — инициализация экземпляров блоков и элементов.
  • Взаимодействие блоков — обращение из экземпляра блока или элемента к другим экземплярам и классам.
  • Контекст — собственные и статические свойства блока и элемента. Статические свойства i-bem-dom.
  • Что дальше? — ссылки на документацию и дополнительные материалы.
Якщо ви помітили помилку, або хочете доповнити статтю, ви завжди можете або написати нам про це на Гітхабі, або поправити статтю з допомогою prose.io.