BEM:了解分解组件和定位组件的距离是多远?

时间:2017-06-30 11:01:29

标签: css sass bem

我已经开始在我正在造型的网站上使用BEM。我试图理解我应该如何分解组件(块)。例如,我有一个标题,其中有一个导航栏。标题被归类为块,但其中的导航栏可能是新块或标题块的一部分。这里最好的建议是什么?

我希望找到一些实现此类事情的示例网站,以便对它有一个很好的理解,但直到现在,我还没有找到任何可以证明它的东西。

我也在假设组件应该布局其元素的情况下工作,所以这很好,是flexbox的一个很好的候选者。我现在面临的问题是在页面中布置组件。想象一下,必须并排布局2个组件,另一个很好的flexbox候选者,但知道放置显示器的位置:flex?然后,组件也不会通过使用flex item css(即flex-shrink,flex-grow,basis,order等)来负责将自己置于页面内。

这意味着父母正在指示将自己放在页面上的位置,现在它不是100%独立的块,因为它的容器需要display: flex

关于文件结构,我做了find some info,并想知道这是否可以提供帮助?也许我还没有完全理解它 - 目录布局可以用于此吗?

2 个答案:

答案 0 :(得分:1)

此网站使用包含Flexbox的BEM方法。 http://fantube.me/

答案 1 :(得分:0)

所有答案都在https://en.bem.info

  

我应该如何分解组件(块)

https://en.bem.info/methodology/quick-start/#should-i-create-a-block-or-an-element

  

现在不是100%的独立区块

https://en.bem.info/methodology/css/#mixes

  

有关文件结构的一些信息

https://en.bem.info/methodology/filestructure/