时间:2021-07-01 10:21:17 帮助过:4人阅读
常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰?
毕竟驼峰双击一下就能选中,连字符还要选一下。
前端的代码很少见使用驼峰命名法,最常见到的就是连字符,html和css代码皆如此,js使用连字符大概是为了前端代码风格的统一吧
你说的是css的class名称和id名称吧...
这个一般的规则是和原语言保持一致...
css一直就是用-
连接的, 比如 border-color
, margin-top
之类的
html的属性, 也是用-
, 因为html属性不区分大小写, 用驼峰会带来很多不便, 比如 ,
js一直就是用驼峰的, 比如 getAttribute
, offsetHeight
之类的...
js用下划线的地方也有, 比如自己定义常量的连接 const GLOBAL_LOADDING = ''
不过现在js中变量用下划线的也不少...
语意更清晰,一目了然
用下划线也能双击选中
以清晰,一眼辨别为首要目标
选哪种风格反而不重要.
因为类名的惯例就是使用-连字符,你可以看看sass的语法,默认的就是用-的。
下划线更清晰,我最开始也是驼峰的,后来公司要求下划线,现在再看看驼峰,感觉好XX,特别是不能马上知道标识符的含义
而下划线的,就像是英文单词一样,容易识别理解(把下划线当成空格看,驼峰的是连一起,混)
另外,下划线也可以双击选中啊