БЭМ-методология
БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке, в основе которого лежит принцип разделения интерфейса на независимые блоки. БЭМ используется в Яндексе для разработки фронтенда.
Что включает в себя БЭМ
- Методологические рекомендации по разработке сайтов — простые советы по организации проекта, который нужно сделать быстро, а поддерживать долгие годы.
- Технологии и библиотеки с открытым исходным кодом — готовая реализация рекомендаций БЭМ.
Возможности БЭМ
- Простая поддержка структуры кода при росте проекта.
- Повторное использование кода
- Точечные изменения с минимальными затратами: обновление дизайна, добавление функциональных элементов и т. д.
Блок по БЭМ
Логически и функционально независимый компонент страницы, аналог компонента в Web Components. Блок инкапсулирует в себе поведение (JavaScript), шаблоны, стили (CSS) и другие технологии реализации. Независимость блоков обеспечивает возможность их повторного использования, а также удобство в разработке и поддержке проекта.
Возможности блоков:
- Вложенная структура
- Свободное перемещение
