常见的js插件为什么都用连字符命名而不用驼峰？

Question

常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰？
毕竟驼峰双击一下就能选中，连字符还要选一下。

Answer 1

你说的是css的class名称和id名称吧...

这个一般的规则是和原语言保持一致...

css一直就是用-连接的, 比如 border-color, margin-top之类的

html的属性, 也是用-, 因为html属性不区分大小写, 用驼峰会带来很多不便, 比如 <meta http-equiv, <div data-id

js一直就是用驼峰的, 比如 getAttribute, offsetHeight之类的...
js用下划线的地方也有, 比如自己定义常量的连接 const GLOBAL_LOADDING = ''

不过现在js中变量用下划线的也不少...

Answer 2

前端的代码很少见使用驼峰命名法，最常见到的就是连字符，html和css代码皆如此，js使用连字符大概是为了前端代码风格的统一吧

Answer 3

语意更清晰，一目了然

Answer 4

用下划线也能双击选中

Answer 5

以清晰,一眼辨别为首要目标

选哪种风格反而不重要.

Answer 6

因为类名的惯例就是使用-连字符，你可以看看sass的语法，默认的就是用-的。

Answer 7

下划线更清晰，我最开始也是驼峰的，后来公司要求下划线，现在再看看驼峰，感觉好XX，特别是不能马上知道标识符的含义

而下划线的，就像是英文单词一样，容易识别理解（把下划线当成空格看，驼峰的是连一起，混）

另外，下划线也可以双击选中啊

Answer 8

可以看下大公司的页面源码，class名都是用“-”隔开的。CSS 参考手册
taobao.com
mi.com

Answer 9

前端需要考虑元素的层级关系，连字符前面使用相同的前缀，便于识别。用驼峰就不太方便了

Answer 10

为了尽量和HTML保持一致？HTML是不区分大小写的。

Answer 11

css统一用小写，我认为这个惯例是由于在css的发展过程中，某些浏览器会有区分大小写的情况出现。当然这种情况现在已经没有了。