V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
NicholasNC
V2EX  ›  问与答

web 前端, css, js 命名规范

  •  
  •   NicholasNC · 2016-05-05 20:50:37 +08:00 · 2204 次点击
    这是一个创建于 3111 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 条回复    2016-05-06 18:40:25 +08:00
    Tonni
        1
    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
        2
    zangbianxuegu  
       2016-05-05 22:11:49 +08:00 via iPhone
    楼上的很好
    http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
    可以先看这篇,我也正在用 BEM 命名。
    wdhwg001
        3
    wdhwg001  
       2016-05-06 00:30:20 +08:00 via iPhone
    觉得 BEM 的__太累的话可以使用通俗标准:
    在 HTML/CSS 的 id 和 class 等中使用-连接单词,就像 css 本身就是这么做的一样。
    在 js 中使用首词小写的驼峰式,并以形如“ Id ”的方式拼写缩略词,命名应可猜出其类型或返回值类型。
    Aaaaaashu
        4
    Aaaaaashu  
       2016-05-06 10:22:03 +08:00
    http://zhibimo.com/read/Ashu/front-end-style-guide/css/structure.html

    可以试试这样的 CSS 模块组织,相比 BEM 要容易使用,也没那么冗余。
    lwbjing
        5
    lwbjing  
       2016-05-06 10:22:49 +08:00
    嗯, BEM 是好,但__又--这样的,我这强迫症感觉有点难受...
    我一般 class 用-连接, id 就 J_AbcDef 这样, id 基本上是给 js 用的...
    NicholasNC
        6
    NicholasNC  
    OP
       2016-05-06 18:40:25 +08:00
    @Tonni @zangbianxuegu @wdhwg001 @Aaaaaashu @lwbjing
    感谢各位,我再对比对比,看看那个规范比较适合自己。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   979 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:20 · PVG 03:20 · LAX 11:20 · JFK 14:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.