前端领域的BEM到底是什么

BEM - Block Element Modfier（块元素编辑器）

BEM方法确保每一个参加了同一网站开发项目的人，基于一套代码规范去开发，这样非常有利于团队成员理解彼此的代码，而且对于后续接手项目的同学来说，也是一件好事。

BEM是方法论的关键元素 - Block，Element和Modifier的缩写，BEM严格的命名规则：

块
- 独立的实体，它本身是有意义的。
- 例子 header，container，menu，checkbox，input
元件
- 块的一部分，没有独立的含义，并且在语义上与其块相关联。
- 例子 menu item，list item，checkbox caption，header title
修改
- 块或元素上的标志。用它们来改变外观或行为。
- 例子 disabled，highlighted，checked，fixed，size big，color yellow