catoncat
V2EX  ›  问与答

关于前端 CSS 规范,除了网易的 NEC ,还有什么比较常用的样式规范?

  •  1
     
  •   catoncat · Sep 16, 2015 · 3099 views
    This topic created in 4072 days ago, the information mentioned may be changed or developed.
    12 replies  •  2015-09-17 12:12:34 +08:00
    ChefIsAwesome
    ChefIsAwesome
    Sep 16, 2015❤️1
    2
    模块拆分,目录结构看看几个出名的 css 框架就行了。

    命名规范为非是保证两点: 1 ,保证你的名字是有个前缀的; 2 ,能区别前缀和连字符。
    推荐下这个:
    https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md

    最重要的,别整虚的,弄一堆自我感觉良好的条条框框限制自己。
    Sivan
    Sivan
    Sep 16, 2015❤️1
    3
    矮油,雷欧纳德的头像好亲切……

    这类标准挺多的, GitHub 也可以搜到一些
    http://google.github.io/styleguide/htmlcssguide.xml
    https://github.com/airbnb/css
    https://github.com/evernote/css-style-guide
    http://cssguidelin.es/
    catoncat
    catoncat
    OP
    Sep 16, 2015
    4
    @learnshare 这些基本的规范还是知道的,想参考的主要是命名这些,比如 BEM 这些方法论。还有团队协作中会出现的一些命名冲突问题,还有怎么组织和划分 css 文件这些问题。有没有一些成熟的“最佳实践”?
    catoncat
    catoncat
    OP
    Sep 16, 2015
    5
    @Sivan 每年都会拿出来再玩一次~~
    learnshare
    learnshare
    Sep 16, 2015
    6
    @crs0910 可以参考 Bootstrap 这种大型的前端项目,它的结构和命名规范比较可靠
    catoncat
    catoncat
    OP
    Sep 17, 2015
    7
    @learnshare 感觉 bootstrap 作为一个个组件和栅栏布局来说命名是够了,但是页面结构不是只有组件啊。
    另外,怎么都是收藏。木有发言滴。。
    learnshare
    learnshare
    Sep 17, 2015
    8
    @crs0910 页面应该只有组件,能模块化的东西最好都模块化
    catoncat
    catoncat
    OP
    Sep 17, 2015
    9
    @learnshare 有木有参考的例子~
    learnshare
    learnshare
    Sep 17, 2015
    10
    @crs0910 Polymer
    catoncat
    catoncat
    OP
    Sep 17, 2015 via iPhone
    11
    @learnshare 这么说吧 页面可以都是组件 但是几个组件组成一块 这一块你总得挂个 class 吧 我想问的就是这些 class 的命名
    learnshare
    learnshare
    Sep 17, 2015
    12
    @crs0910 所以说参考 Bootstrap 嘛
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1011 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 18:38 · PVG 02:38 · LAX 10:38 · JFK 13:38
    ♥ Do have faith in what you're doing.