2018年9月7日 · 通过 BEM 命名方式，模块层级关系简单清晰，而且 css 书写上也不必作过多的层级选择。 使用 BEM 的诀窍是，你要知道什么时候哪些东西是应该写成 BEM 格式的。 并不是每个地方都应该使用 BEM 命名方式。 当需要明确关联性的模块关系时，应当使用 BEM 格式。 display: none !important; BEM 的一个槽点是，命名方式长而难看，书写不雅。 相比 BEM 格式带来的便利来说，我们应客观看待。 而且，一般来说会使用通过 LESS/SASS 等预处理器语言来编写 …

BEM的命名规矩很容易记：block-name__element-name--modifier-name，也就是模块名 + 元素名 + 修饰器名。 一般来说，根据组件目录名来作为组件名字： 比如分页组件： /app/components/page-btn/ 那么该组件模块就名为page-btn，组件内部的元素命名都必须加上模块名，比如： 上面我们用双下划线来明确区分模块名和元素名，当然也可以用单下划线，比如page-btn_prev和page-btn_next。 我们只需保留BEM的思想，其命名规范可以任意变通。 一开始了 …

2020年7月30日 · BEM 命名约定的模式是： .block__element {} .block--modifier {} 复制代码. block 代表了更高级别的抽象或组件。 block__element 代表 .block 的后代，用于形成一个完整的 .block 的整体。 block--modifier 代表 .block 的不同状态或不同版本。 使用两个连字符和下划线而不是一个，是为了让你自己的块可以用单个连字符来界定。 如： .sub-block--modifier {} 复制代码. BEM的关键是，可以获得更多的描述和更加清晰的结构，从其名字可以知道某个标记的含义。 于 …

BEM是 Block （块）、 Element （元素）、 Modifier （修饰符）的简写，是一种组件化的 CSS 命名方法和规范，由俄罗斯 Yandex 团队所提出。 使用BEM主要是为了将用户界面划分成独立的块，使开发更为简单和快速，有利于团队协作，方便维护。 很多新手在开始写网页时，在命名方面可能都比较随心所欲。 但是在一个正式的项目中，会有很多开发人员同时进行开发，如果每个开发人员都用自己的一套命名，这样会造成命名的识别度和一致性成为很大的问题，还会造成命名污 …

BEM 由 B lock (块), E lement (元素), M odifer (修饰符)三部分组成。 假设你的网站由不同的模块 (组件)组成，那么对应到BEM规范里面，你的组件名为Block, 每个组件里面有不同的子项为Element, 如果你的组件或者子项，有特定的状态或者行为来修饰组件或者子项，那么对应的是Modifer.下面会通过一些示例来讲解. Block 是你网站中的一个模块或者组件，假设你网站中由Header,Content, Sidebar, Footer组件组成，那么他们都是Block,需要注意的是Block 是CSS 作 …

2014年1月20日 · BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由 Yandex 团队提出的一种前端命名方法论。 这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。 BEM命名约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时的大项目。 重要的是要注意，我使用的基于BEM的命名方式是经过 Nicolas Gallagher修改过的。 这篇文章中介绍的这种命名技术并不是原始的BEM，但却是一个我更喜欢的改进版。 无 …

2018年11月15日 · BEM代表 “块（block）,元素（element）,修饰符（modifier）”,我们常用这三个实体开发组件。 - 中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。 一个块是设计或布局的一部分，它有具体且唯一地意义 ，要么是语义上的要么是视觉上的。 在大多数情况下，任何独立的页面元素（或复杂或简单）都可以被视作一个块。 它的HTML容器会有一个唯一的CSS类名，也就是这个块的名字。 针对块的CSS类名会加一些前缀（ ui-），这 …

2016年9月11日 · BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由 Yandex 团队提出的一种前端命名方法论。 这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。 BEM命名约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时的大项目。 重要的是要注意，我使用的基于BEM的命名方式是经过 Nicolas Gallagher修改过的。 这篇文章中介绍的这种命名技术并不是原始的BEM，但却是一个我更喜欢的改进版。 无 …

BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex 团队提出的一种CSS Class 命名方法。 BEM 除了是一种新的命令方式之外，我个人认为他还是提出了 模块 与模块， 组件 与组件，模块与组件之间的管理方式。 如何通过一种命名方式更好的管理和维护他们。 仅除命名的方式出发，很多同学会接受不了，认为命名繁琐，增加了文件体积，另外编写样式，写 选择器 麻烦，从而增加了工作量。 如果仅从这两方面来说他不好，或许有点过激。 从一种思 …

BEM规范是一种主流的css命名规范，BEM分别对应的是block ， element 和 modifier，为的是结束混乱的命名方式，达到一个 语义化 的CSS命名方式。 在BEM规范中，block（块）表示一个组件的意思，假设你要写一个按钮的组件，只需要设置一个 .button 类的按钮，然后可以在任何按钮上使用该类，就可以生成该组件的传统样式。 在BEM 中，块被写为和 class 的名字一样，如下所示： BEM 使用 .button 而不是直接使用 <button> 元素的原因是因为类名具有无限的可 复用性。 举 …