css编码规范 如何看待CSS中BEM的命名方式？

如何看待CSS中BEM的命名方式？

BEM只是一种思考。它为我们规范CSS的命名提供了方向。每个人的理解都是不同的，最终实现的方式也会是相似的。它不同于OOCSS（object-orientedprogrammingcss）的概念。OOCSS提倡可重用性，而BEM更扁平

在我了解BEM之前，我一直在寻找一个最佳的命名方法，这对以后的新成员来说是很方便的。这对于一个罕见的公司来说非常重要，例如桥图网，专门从事前端桥图。Com

在我们近2000个桥图项目中，几乎所有的命名方法都被尝试过。例如，我们根据自己的经验探索了自己的命名系统。滑块。滑块包装。滑块导航。Slider NAV

uitem

.Slider arrow

.Slider-arrow uuuprev

.Slider-arrow uuunext

]这是我们公司使用的命名方法，符合边界元法的概念。它的缺点之一是有点长。然而，目前，利大于弊。如果你有更好的方法，请给我建议

我们目前的CSS命名方法是无线的，接近BEM的概念。在我们2000多个前端切割项目中，几乎每一种CSS命名方法都有自己的优点，它在实战中得到了应用，并不断改进。目前，它的用途如下：。滑块。滑块包装。滑块箭头。Slider-arrowuuleft

.Slider-arrowunext

.Slider-nav

.Slider-navuitem

非常接近BEM的命名方法。它是扁平的，没有层次结构（因此不存在重量问题）。培训新人和促进团队合作相对容易。唯一的缺点是时间长了一点，但利大于弊。

OOCSS命名提倡重用，这与BEM有很大不同。我不建议这样。以上只是我个人的观点。CSS命名没有标准答案。不同的人有不同的意见

css编码规范 css bem命名规范 css bem

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。