web 前端, css, js 命名规范

2016-05-05 20:50:37 +08:00
 NicholasNC

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

2203 次点击
所在节点    问与答
6 条回复
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
楼上的很好
http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
可以先看这篇,我也正在用 BEM 命名。
wdhwg001
2016-05-06 00:30:20 +08:00
觉得 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
感谢各位,我再对比对比,看看那个规范比较适合自己。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/276621

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX