前端领域的BEM到底是什么

最新推荐文章于 2024-01-03 20:49:50 发布

weixin_30889885

最新推荐文章于 2024-01-03 20:49:50 发布

阅读量121

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/yangai/p/10899918.html

版权

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

转载于:https://www.cnblogs.com/yangai/p/10899918.html