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

web 前端, css, js 命名规范

  •  
  •   NicholasNC · 2016 年 5 月 5 日 · 2556 次点击
    这是一个创建于 3539 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 条回复    2016-05-06 18:40:25 +08:00
    Tonni
        1
    Tonni  
       2016 年 5 月 5 日
    楼主可以看下 BEMIT 命名规范,我觉得很合理,代码的阅读行更强: http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/
    zangbianxuegu
        2
    zangbianxuegu  
       2016 年 5 月 5 日 via iPhone
    楼上的很好
    http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
    可以先看这篇,我也正在用 BEM 命名。
    wdhwg001
        3
    wdhwg001  
       2016 年 5 月 6 日 via iPhone
    觉得 BEM 的__太累的话可以使用通俗标准:
    在 HTML/CSS 的 id 和 class 等中使用-连接单词,就像 css 本身就是这么做的一样。
    在 js 中使用首词小写的驼峰式,并以形如“ Id ”的方式拼写缩略词,命名应可猜出其类型或返回值类型。
    0xAshu
        4
    0xAshu  
       2016 年 5 月 6 日
    http://zhibimo.com/read/Ashu/front-end-style-guide/css/structure.html

    可以试试这样的 CSS 模块组织,相比 BEM 要容易使用,也没那么冗余。
    lwbjing
        5
    lwbjing  
       2016 年 5 月 6 日
    嗯, BEM 是好,但__又--这样的,我这强迫症感觉有点难受...
    我一般 class 用-连接, id 就 J_AbcDef 这样, id 基本上是给 js 用的...
    NicholasNC
        6
    NicholasNC  
    OP
       2016 年 5 月 6 日
    @Tonni @zangbianxuegu @wdhwg001 @Aaaaaashu @lwbjing
    感谢各位,我再对比对比,看看那个规范比较适合自己。
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   4657 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:02 · PVG 12:02 · LAX 20:02 · JFK 23:02
    ♥ Do have faith in what you're doing.