Question

web前端开发class命名、id命名、js中变量命名、图片命名使用下划线还是驼峰法还是连字符？

图片命名: photoshop默认切片是用下划线
class、id命名: bootstrap、wordpress等知名框架都是用连字符“-”；有些框架（superslide）用的驼峰法
js变量命名: 下划线居多，也有驼峰法，好像不能用连字符；

在多人协作、多框架的项目中，如果同时使用下划线或者驼峰法可能会出现混乱降低团队效率，各位大神都是怎样制定命名标准的呢？

有好多次为一个html写css，写好之后刷新浏览器却没任何改变，找了半天没找到哪里出错，最后却发现html中class命名用的下划线，可css中写成了连字符“-”；不止一次两次了，总是在这些本可避免的地方浪费时间降低效率，所以制定标准势在必行

4 个回答

周绍华 Uber前端攻城狮 · Accepted Answer

参看Airbnb的规范

GitHub - airbnb/javascript: JavaScript Style Guide GitHub - airbnb/css: A mostly reasonable approach to CSS and Sass.