前端命名规范

Question

请问什么时候用驼峰？什么时候用中划线连接小写单词？

Answer 1

HTML 会忽略大小写，所以建议 class 和 id 等用在 HTML 里的命名用连接线 -。

JS 方面，因为浏览器 API 遵守驼峰命名，所以一般来说都用驼峰。

Answer 2

中划线在 JS 里是减号，所以不能在 JS 里使用，除非是做键名。
JS建议采用小驼峰命名法，和浏览器 API 的风格一致，全局变量用大写字母并用下划线分隔，实际使用要遵循具体项目规范，如果规定用下划线就用下划线。
HTML 标签不区分大小写，但是建议统一小写，只在 JSX 中用大写开头标识组件，Vue 模板里；ID 通常在 JS 里引用，最好使用小驼峰；类名通常在 CSS 里引用，最好使用中划线。
下划线是万能的，但是在 URL 里最好用中划线，因为文档通常给超链接底部加横线，会产生错觉，而当 URL 很长的时候，驼峰命名阅读起来比较困难。