法论最常见的例子之一是面

suraiyaislamsum

向对象编程它是许多语言所体现的编程范式。在某些方面，BEM 类似于 OOP——一种用代码描述现实的方法，具有一系列模式，以及一种思考程序实体的方法，无论使用什么编程语言。 我们利用BEM原理创建了一套前端开发技术和工具，使我们能够快速构建网站并长期维护它们。原则如下： 统一数据域  想象一个普通的网站，如下图所示： bem - 普通网站示例 在开发此类网站时，标记出网站组成的“块”很有用。例如，在这张图中有Head、Main Layout和Foot块。又由、、和Head组成。包含 a和 a ：LogoSearchAuth BlockMenuMain LayoutPage TitleText Block bem - 站点标记 在团队沟通方面，为页面的每个部分命名非常有用。 项目经理可能会问： 为了变得Hea。

d更大，或者 要Search在Head. HTML 人员可以询问 JavaScript 开发人员： 制作Auth Block动画等 现在让我们仔细看看 BEM 的构成： 堵塞 ＃ Ablock是一个独立的实体，是应用程序的“构建块”。块可以是简单块或复合块（包含其他块）。 示例 搜索表单块： 搜索表单块 元素 ＃ Anelement是执行特定功能的块的一部分。元素是上下文相关的：它们仅在它们所属的块的上下文中才有意义。 例子 输入字段和按钮是搜索块的元素： 搜索块的元素 描述页面 购买电话号码列表 和模板的方法  块和元素构成页面内容。除了简单地出现在页面上之外，它们的排列也很重要。 块（或元素）可以按一定顺序彼此跟随。例如，商业网站上的商品列表： 商业网站上的商品清单 ...或菜单项： 菜单项 块也可以包含在其他块内。例如，aHead Block包。



含其他块： 其他块内的块 此外，我们的构建块需要一种以纯文本描述页面布局的方法。为此，每个块和元素都应该有一个标识它的关键字。 指定特定块的关键字称为Block Name。例如，Menu可以是 的关键字Menu Block，也Head可以是块的关键字Head。 指定元素的关键字称为Element Name。例如，菜单中的每个项目都是块Item的一个元素Menu。 块名称在项目中必须是唯一的，以明确指定正在描述的块。只有同一块的实例才能具有相同的名称。在这种情况下，我们可以说一个块在页面上出现了两次（或 3、4 次……等等）。 元素名称在块的范围内必须是唯一的。一个元素可以重复多次。例如，菜单项： 重复元素 关键字应该按一定的顺序排列。任何支持嵌套的数据格式（XML、JSON）都可以：复制 上面的示例。