[吐槽]这个世界上为什么会有 Tailwind Css 这种东西?

2022-05-12 22:35:06 +08:00
 HackerJax

复制一段官网的代码:

<figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">
  <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
  <div class="pt-6 md:p-8 text-center md:text-left space-y-4">
    <blockquote>
      <p class="text-lg font-medium">
        “Tailwind CSS is the only framework that I've seen scale
        on large teams. It’s easy to customize, adapts to any design,
        and the build size is tiny.”
      </p>
    </blockquote>
    <figcaption class="font-medium">
      <div class="text-sky-500 dark:text-sky-400">
        Sarah Dayan
      </div>
      <div class="text-slate-700 dark:text-slate-500">
        Staff Engineer, Algolia
      </div>
    </figcaption>
  </div>
</figure>

听说这玩意儿最近很流行?

跟手写 style 有啥区别啊?

真有把这个用于生产环境的吗?

写起来不累吗?

我一个后端要看吐了!

14356 次点击
所在节点    CSS
99 条回复
nomagick
2022-05-13 13:04:01 +08:00
初期难以接受,习惯以后越来越香
charlie21
2022-05-13 13:09:32 +08:00
越讨厌越好,这说明门槛高了,你们进不来了,你们哪凉快哪呆着去
AppxLite
2022-05-13 14:48:45 +08:00
已经用在生产环境了,确实好用,就像榴莲,有的人喜欢有的人不喜欢。没必要吐槽
jh352160
2022-05-13 14:55:34 +08:00
tailwind 和传统的 css 又不是非此即彼的关系,在项目里共同使用才是常见情况,如果是项目里的通用样式就用 css 。如果是某个只会用到一两次的样式那用 tailwind 不管是开发还是维护都更方便。
4DAX07B8Kle4Dm6T
2022-05-13 15:03:07 +08:00
我觉得 tailwind 就应该是主流,用习惯后真的香。
TWorldIsNButThis
2022-05-13 15:10:02 +08:00
讲真 tailwindcss 和 vite 是明确可以大幅提升 react 开发体验的东西
其意义远大于那一万个状态管理库
Vegetable
2022-05-13 15:28:48 +08:00
哈哈哈哈,历史螺旋上升,我刚接触 WEB 开发觉得 semantic ui 这东西真好。后来就被教育内联样式是邪教,应该分离。
现在这种东西又回来了
toacnme
2022-05-13 15:33:44 +08:00
总的来说:性能、bundle 、跨平台、一致性 都是我目前感觉到的优势。
45HXlKzal6W56zUJ
2022-05-13 16:39:27 +08:00
我能说我一个后端在几年前就自己设计了这种模式么..只不过只用了一些我常用的 css
Rrrrrr
2022-05-13 16:39:48 +08:00
虽然我不写 Tailwind ,我发现它有一种 bundle 的模式,可以用一个名字包一群名字,这样就看起来简洁,但是同时也失去了语义...好吧,不想用
ufan0
2022-05-13 16:50:36 +08:00
@DrakeXiang #23 多谢分享,话说第一次看到 google 设计这样的页面,还以为进了山寨网站~
seven123
2022-05-13 16:52:51 +08:00
我到是觉得写着还挺爽...
zthxxx
2022-05-13 16:54:01 +08:00
molvqingtai
2022-05-13 16:55:36 +08:00
@dicc atomic css 很早大家都在使用,定义一些通用样式之类的,Tailwind 是 atomic css 集大成者,把这个模式规范统一化了
zthxxx
2022-05-13 17:03:32 +08:00
think2011
2022-05-13 17:06:10 +08:00
你知道吗 这是臭豆腐,闻着臭,吃着香 😅
jiafeiblog
2022-05-13 17:06:54 +08:00
想当初我也是疯狂吐槽这玩意儿,但是后来尝试了一下,没两天就变的真香,我现在是 less 和 sass 都不想用了,新项目都是 少量 css in js 搭配 tailwindcss
lonhongg
2022-05-13 17:07:38 +08:00
@zthxxx 真就啥图都有 2333
horizon
2022-05-13 17:16:20 +08:00
@zthxxx 尝试把 button 封成一个 Component ?
exploreexe
2022-05-13 17:47:41 +08:00
过两天 LZ 发另外一个帖子
“这个世界上为什么会有 Tailwind Css 这么香的东西?”

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/852519

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX