V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
longjiahui
V2EX  ›  CSS

请问大家都怎么写 CSS 的。比 js 难多了 QAQ

  •  
  •   longjiahui ·
    longjiahui · 2019-07-05 23:48:09 +08:00 · 5042 次点击
    这是一个创建于 1728 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近用nuxt写网站,用的less,因为是分组件的写法,将 css 都放到了 scoped 范围里,直接就写出来了,没有做复用和建模之类的工作。以致于一堆堆的 stylesheet 非常的凌乱和难以维护,因此想请问大家都怎么写 css 的,据我所知的有 BEM,OOCSS,SMACSS,MetaCSS。大家都选用什么方案呢?

    第 1 条附言  ·  2019-09-21 20:34:34 +08:00
    http://nec.netease.com/ 找到一个网易的 nec 规范,这个是 oocss 的风格,吧。
    最后还是没管什么思想,只要设计在设计页面时能遵循一些重复的规则,那前端写页面的时候就会好抽象些了。
    16 条回复    2019-09-21 20:25:44 +08:00
    FEDT
        1
    FEDT  
       2019-07-06 00:02:02 +08:00 via iPhone   ❤️ 5
    你列举出来的我都没听说过...
    tyrealgray
        2
    tyrealgray  
       2019-07-06 00:02:52 +08:00
    BEM
    crs0910
        3
    crs0910  
       2019-07-06 00:14:08 +08:00 via iPhone
    有 scope 还需要你说的那些么?
    hewelzei
        4
    hewelzei  
       2019-07-06 01:59:52 +08:00 via Android
    用 css-in-js 方案,推荐 emotion,各个组件共享样式,非常方便,也解决了 css 与 js 联动的问题。
    stillyu
        5
    stillyu  
       2019-07-06 03:06:23 +08:00 via iPhone
    @FEDT +1
    zhuzhibin
        6
    zhuzhibin  
       2019-07-06 03:09:54 +08:00 via iPhone
    BEM
    loading
        7
    loading  
       2019-07-06 06:34:01 +08:00 via Android
    楼主用这么多复杂技术,请问是多大的站,能发个地址我学习下吗?
    liyang5945
        8
    liyang5945  
       2019-07-06 09:14:36 +08:00
    sass+bem
    Seanfuck
        9
    Seanfuck  
       2019-07-06 09:54:12 +08:00 via iPhone   ❤️ 1
    用纯 css 吧,less 等那些包装后的东西难用至极
    Seanfuck
        10
    Seanfuck  
       2019-07-06 09:54:41 +08:00 via iPhone
    用纯 css 吧,less 等那些包装后的东西难用
    xrr2016
        11
    xrr2016  
       2019-07-06 10:01:25 +08:00 via Android
    CSS 本来就比 Js 复杂啊
    1002xin
        12
    1002xin  
       2019-07-06 16:32:21 +08:00 via iPhone
    换个思维方式
    longjiahui
        13
    longjiahui  
    OP
       2019-09-21 20:19:42 +08:00
    @tyrealgray 感觉 BEM 挺丑了,后来我用了 oocss 这种风格,就像 bootstrap 那种 css 的写法
    longjiahui
        14
    longjiahui  
    OP
       2019-09-21 20:21:11 +08:00
    @loading 只是 希望能写出 容易维护的站,小站也能用,只是一些规范和思想
    longjiahui
        15
    longjiahui  
    OP
       2019-09-21 20:24:11 +08:00
    @Seanfuck 纯 css 我觉得挺麻烦的吖,用 less,scss 这类的写能预定义变量,函数,维护起来更容易吖,而且有很方便的写法,集成进脚手架也不麻烦,而且用了也是 css 的超集。
    longjiahui
        16
    longjiahui  
    OP
       2019-09-21 20:25:44 +08:00
    @xrr2016 我觉得 css 复杂度没有 js 高,但是比 js 难写好 就是这种感觉
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2764 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 12:18 · PVG 20:18 · LAX 05:18 · JFK 08:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.