博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
好程序员分享如何看待CSS中BEM的命名方式?
阅读量:7104 次
发布时间:2019-06-28

本文共 642 字,大约阅读时间需要 2 分钟。

  好程序员分享如何看待CSS中BEM的命名方式?BEM的意识就是块(block)、元素(element)、修饰符(modifier),是由yandex团队提出的一种CSS Class命名方法。

  任何一个东西的存在都有其存在的道理,如果他毫无价值,那么肯定会被淘汰,后人可能都不了解,甚至都不会出现在后人的世界里。

  关于BEM命名其最大的争议就是其命名风格,它鼓励一级一级的写的非常具体,但是会很长。如此常的命名会影响书写效率,名称过长代码量就会增多,文件体积就会变大(在gzip下这个不算是个问题),从而会影响传输速度,用户体验度就低,但是作为一个职业人我们都不能单纯把个人喜好和习惯作为借口来拒绝或否定其用途。

  风格对于使用者来说并不是很重要,关键的是看其效果。正所谓人们常说的“不看疗程,看疗效”。

  从扩展性上来看,嵌套过多阅读性差,超过3层就很难阅读了;嵌套越多,选择器的层级也会随之增多,那么性能不知不觉就会变差;如此长的名字,书写上想冲突都难。

  从编程原则上来说,这种命名方式不会暴露抽象类。假如样式变了需要继承另一个抽象类,不需要改HTML,只需要改css即可。

  团队开发中,风格无非是一种形式,可以约束人们达到一定程度上的统一。内部沟通会极大降低沟通成本。

  BEM命名的方法虽然有自身的不足之处,但至少他可以使我们命名的时候达到一定的统一,我们可以学习其优秀的方面将其纳为己用。在实际项目开发中将其巧妙而又灵活的运用起来也未尝不是一件坏事。

转载地址:http://mzjhl.baihongyu.com/

你可能感兴趣的文章
索尼手机梦想王者归来?
查看>>
07课前考试题详解
查看>>
谈谈对程序员的培养
查看>>
bzoj 1012: [JSOI2008]最大数maxnumber
查看>>
关于jquery跨域调用REST服务的问题
查看>>
Android图标尺寸的约定
查看>>
从HTTP 2.0想到的关于传输层协议的一些事
查看>>
业余码农南瓜的第一篇博客
查看>>
XenDesktop 屏幕保护程序无法生效的解决办法
查看>>
英国西约克郡上空现怪云酷似UFO
查看>>
postgresql
查看>>
ContentProvider-----跨应用程序访问数据
查看>>
OpenStack 存储剖析
查看>>
关于大型网站技术演进的思考(二)--存储的瓶颈(2)
查看>>
我的第一个游戏FoodieThebug完成之后的心得体会
查看>>
LVS+keepalived实现负载
查看>>
析构函数和构造函数的作用和区别
查看>>
Python正则表达式
查看>>
Haproxy 1.4.*安装配置
查看>>
FreeBSD8.2系统安装Salt
查看>>