2016 - 2024

感恩一路有你

如何给div命名 如何看待CSS中BEM的命名方式?

浏览量:1137 时间:2021-03-13 12:12:06 作者:admin

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

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

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

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

uitem

.Slider arrow

.Slider-arrow uuuprev

.Slider-arrow uuunext

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

CSS最复杂的是CSS命名。如何规范CSS的命名,方便新员工的入职培训和团队合作,是最让我头疼的事

正式来说,因为没有标准答案,难点就在这里。我尝试了很多方法来命名CSS,并不断改进。当前的CSS命名标准更接近BEM的概念,比如。滑块。滑块包装。滑块箭头。Slider-arrow

uleft

.Slider-arrowuright

.Slider-nav

.Slider-nav它的优点是平坦,没有层次关系(也可以避免权重泛滥的问题)。如果有人有更好的解决方案,请给我留言

BEM规范,即block,element&modifier,了解一下。

如何高效写CSS?

我们目前的CSS命名方法接近无线BEM的概念。在我们2000多个前端切割项目中,几乎每一种CSS命名方法都在实战中得到了应用,并不断完善。目前,我们采用以下方法:。滑块。滑块包装。滑块箭头。滑块箭头

uleft

.Slider-arrowunext

.Slider-nav

.Slider-navuitem

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

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

最好打1号线和2号线。它很容易记住,也很实用。有必要加上英文字母。外人、老人和小孩能记住R、m和N吗?。说出名字的人是精神病患者。

如何给div命名 js命名规范 css命名规则

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