web 前端， css， js 命名规范

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3109 天前的主题，其中的信息可能已经有所发展或是发生改变。

本人前端刚入门不久，希望一开始养成习惯，找一些比较好、现成的 css 、 js命名规范，不知道各位有没有好的推荐？

6 条回复 • 2016-05-06 18:40:25 +08:00

Tonni

2016-05-05 21:27:28 +08:00

楼主可以看下 BEMIT 命名规范，我觉得很合理，代码的阅读行更强： http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/

zangbianxuegu

2016-05-05 22:11:49 +08:00 via iPhone

wdhwg001

2016-05-06 00:30:20 +08:00 via iPhone

觉得 BEM 的__太累的话可以使用通俗标准：
在 HTML/CSS 的 id 和 class 等中使用-连接单词，就像 css 本身就是这么做的一样。
在 js 中使用首词小写的驼峰式，并以形如“ Id ”的方式拼写缩略词，命名应可猜出其类型或返回值类型。

Aaaaaashu

2016-05-06 10:22:03 +08:00

http://zhibimo.com/read/Ashu/front-end-style-guide/css/structure.html

可以试试这样的 CSS 模块组织，相比 BEM 要容易使用，也没那么冗余。

lwbjing

2016-05-06 10:22:49 +08:00

嗯， BEM 是好，但__又--这样的，我这强迫症感觉有点难受...
我一般 class 用-连接， id 就 J_AbcDef 这样， id 基本上是给 js 用的...

NicholasNC

2016-05-06 18:40:25 +08:00

@Tonni @zangbianxuegu @wdhwg001 @Aaaaaashu @lwbjing
感谢各位，我再对比对比，看看那个规范比较适合自己。