请问大家都怎么写 CSS 的。比 js 难多了 QAQ - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
longjiahui
V2EX    CSS

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

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

    最近用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     Solana     2919 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 14:04 PVG 22:04 LAX 07:04 JFK 10:04
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86