BEM 命名规范

BEM 命名规范

概述

结合团队在日常项目开发过程中，总结提炼出来的BEM规范；主要解决：

• 统一组内代码风格
• 增强代码的可读性
• 提高代码的可维护性
• 减少程序出错的概率

什么是BEM

BEM（Block: 块, Element: 元素, Modifier: 修饰符）是一种基于组件的Web开发方法，基本思想是将用户界面划分为独立的块。这样即使拿到的UI设计稿在复杂，也可以轻松快速地进行拆分，只需要按照特定格式的命名约定，使得前端代码更易于阅读理解，并且是可扩展的，便于团队协作后期维护。

目前除了BEM还有很多别的方法，可以编写可维护的CSS，减少CSS的占用空间：

• OOCSS: 面向对象的CSS
• SMACSS: 可扩展和模块化的CSS架构
• SUITCSS: 一种可靠且可测试的，基于组件开发的样式方法
• Atomic: 原子化 CSS 结构，通用结合OOCSS使用
• BEM: 一种命名方法，能够帮助你在前端开发中实现可复用的组件和代码