没有 UI 妹子的限制,原子化 CSS 的确是爽啊.

[retrocode]

UI 妹子离职,我趁机把项目用原子化 CSS 重构了,爽了一大截啊.

把之前硬性要求还原设计图的边距长宽,类似 151px 之流的全部规范化了,除了字体大小全部偶数整数化,能 15px 绝对不 16px.

整合下来单个 vue 文件 class 最多少了两百多行,再也不用想 class 名了.

[ccyu220]

原子化又是什么时候出来的新词...

[liuidetmks]

真会起名,高大上.

[xiangyuecn]

怎么写不重要

重要的是不用写很多个文件，文件一少，就至少简化了 90%代码复杂度

重要的是不用写很多个文件，文件一少，就至少简化了 90%代码复杂度

重要的是不用写很多个文件，文件一少，就至少简化了 90%代码复杂度

书写的就是想要的结果，“所见即所得”

[xiangyuecn]

初学者写法：<div style="">

最优秀写法：<div style="">

😏😏😏 毫无争议

[anjianshi]

毫无争议.... 争议大大大有好吧，怎么想的把样式直接写标签属性里

[xsytsent]

已经冒死分享链接给我司的 UI 妹子了😝

[Terry05]

你这重构了，可别是原子弹化

[bthulu]

前端绕了一个圈, 最后发现最初的方案就是最好的方案

[JerryCha]

隐约感觉楼主自己跳坑里了

[yuancoder]

没感受到这样做的好处

[3dwelcome]

@retrocode “不是，我参考 tailwind 自己用 scss 搞了一套自用”

那么巧，我也是。

不想集成 tailwind css 一整套，觉得太重，有一大堆没用的东西。

但又希望能用 tailwind 里一部分精炼的语法，用缩略语写 style，那就只能自己魔改一下了。

[cw2k13as]

不应该选偶数吗，不同 dpi 方便整除

[cw2k13as]

@3dwelcome windicss 不错，比 taiwindcss 灵活

[charlie21]

tailwind 的寿命能有 jquery 的 1/10 么？大公司根本不让用

[3dwelcome]

@yuancoder 正统学过 tailwind css 就知道好处了。

太长的代码很多人看都不想看，只有简短的代码才会有人想去维护，class 太多也是一种负担。

[spider12]

@cw2k13as Facebook 已经完成 tailwind css 改造了

[A388]

@slert 技术不就是这样吗？今天圆角的按钮漂亮，然后换成圆角的，各种吹捧各种好。大家都换圆角。几年后，看眼了又换会直角的按钮，又是各种吹捧。

[retrocode]

@JerryCha 跳坑不至于，原先的代码，因为 UI 妹子高度自定义，便签嵌套层级太多了，每层一个 class 为了不重复 class 本身也越来越长，也算是解套了

[cyrbuzz]

@wdhwg001 给 UI 小姐姐看，UI 小姐姐说，这人有毛病，俺想做什么做什么。哈哈哈哈哈。

[KillPaul]

UI 设计现在也都很讲究组件化规范化的设计思维的，我们小公司感觉是反过来的，我设计的时候都会尽量有统一的规范，但是开发实现感觉依然是我行我素的。
另外不觉得可以完全抛弃设计师，因为就算是最规范的设计系统，终究还是需要有专业的人来组成和谐的页面的。做设计规范的时候其实老是有被禁锢住的感觉。
也许答非所问，勿喷 🐶️