这是一个创建于 1492 天前的主题，其中的信息可能已经有所发展或是发生改变。
Tailwind 一开始用，可能会觉得不方便，但是用的越多，会越觉得好，所有的代码，能复用。容易修改。容易自定义，简单。
第 1 条附言 · 2020-11-26 13:44:59 +08:00
Tailwind 要和 AlpineJS 一起用，绝配。 多用用，你会爱上这个组合。
 |
1
coolcoffee 2020-11-26 12:34:28 +08:00
楼主能解释一下我的疑惑吗？
我觉得 Tailwind 相当于把 css 的每一条都放在 class 里面了，以为可以不用改 css 了，但是 html 变得更加难改了。 想象一个 card，本来一个 class="card"就能表示，现在变成了了要： "w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg"。 如果那天 card 需要移除灰色 bg-gray-100，我难道还要全局替换？ 虽然有提供了 @apply 来聚合，但是这个和直接写 css item 好像没什么区别。 |
 |
2
codermagefox 2020-11-26 12:38:13 +08:00
@coolcoffee #1 因为本质依旧没有改变，就是糖，不过是糖好不好吃的区别罢了。
尝试过 TailWind,后来又放弃了，原因很简单，有用，但没有必要。本质还是没有变。 |
 |
3
herozzm 2020-11-26 12:39:34 +08:00 via Android
依靠无数个 css 的产生很长大冗余的 html ？
|
 |
4
seki 2020-11-26 12:46:14 +08:00  1
@coolcoffee 一般是要配合组件化一起做的，到时候不是每个 card div 都有这么一堆 class，而是会有一个 card 组件，里面定义这么多 class，然后所有地方统一使用这个 card 组件，这样如果需要对 card 的外观进行修改，只需要修改 card 组件
https://tailwindcss.com/docs/extracting-components |
 |
5
cmdOptionKana 2020-11-26 12:51:20 +08:00
其实这两个产品的目标用户不一样，bootstrap 主要给不是专业搞前端的人用，足够简单。
Tailwind 适合更专业一些的人，方便定制。 如果不是专门搞前端的，其实也没有定制的需求，因为会越改越丑，还不如用默认样式。 |
 |
6
damngood 2020-11-26 12:54:25 +08:00 via iPhone
在两个小项目里面用过, 感觉还可以, 自己定制也还算方便. 就是 class 组合有点长, 不过放在变量里面就还好了.
另外, vsc 里面 class 自动补全有时候不起作用, 也挺恼火. |
 |
7
IsaacYoung 2020-11-26 13:01:07 +08:00
不了不了
|
 |
8
gouflv 2020-11-26 13:12:15 +08:00 via iPhone
atom css 在工程实践中显然不合适，定位就短期项目快速开发
|
 |
9
loveuloveme OP @coolcoffee 重复的放在一个组件里，比如，一个 card 多次使用，可以 <x-card />
|
 |
10
swift 2020-11-26 14:02:31 +08:00 via iPhone 4
🙅♂️<p style="font-size:12px;background:#333...>
🙆♂️<p class="font-size-12 background-gray...> 总是复古 |
 |
11
TangMonk 2020-11-26 14:06:33 +08:00 via iPhone
还不错
|
 |
14
Troevil 2020-11-26 14:10:22 +08:00
要说语义化,当属 semantic ui , lz 可以看看 这是鼻祖
|
 |
15
xieqiang9408 2020-11-26 14:12:48 +08:00
刚入坑，一次性的样式开发很快 , 响应式支持也很不错。
|
 |
16
zsc8917zsc 2020-11-26 14:18:23 +08:00
不是很懂，这个跟直接怼 style 有什么区别吗？
|
 |
17
go522000 2020-11-26 14:26:59 +08:00
我的想法与楼主不一样，我主要还是用 bootstrap，再使用 tailwind 进行辅助，tailwind 画一个提示框，需要用到一堆样式。
|
 |
19
love 2020-11-26 14:49:58 +08:00
这个使用场景是什么？就象楼上说的，不用组件化的话难道在每个 card 都写一堆 class，修改的话要全局查找?用了第三方组件库那组件库都自带样式了还用这个干什么？
难道是用于自己手撸的组件库？ |
|
20
loveuloveme OP @go522000 bootstrap 太大了。可以用 Tailwind 画个提示框，放入组件，然后 任何地方，甚至你任何项目，都可以 <x-alert> 不是很好吗
|
 |
21
jin5354 2020-11-26 15:48:57 +08:00
10 年前的 css 原子类写法。定位就是快速糊个页面出来。维护性什么的就别想了。
|
 |
23
robinlovemaggie 2020-11-26 16:37:01 +08:00
前端过去现在将来都不会有统一标准，想怎么写就怎么写， 这才是前端该有的样子。
|
 |
24
zaul 2020-11-26 16:44:09 +08:00
....看着头皮发麻，一个 class 不香？
|
 |
25
dd0754 2020-11-26 17:36:56 +08:00 via iPhone
没什么卵用
|
 |
26
crystom 2020-11-26 18:28:56 +08:00
@ztxcccc 据说这样的好处是颜色，字体大小等可以统一，比如通过配置规范整个网站就只有 4 种大小的文字，不会出现 N 多种 px 值
|
 |
27
chouchoui 2020-11-26 18:59:11 +08:00 via iPhone
vue element tailwind 组合体验良好
|
|
28
seki 2020-11-26 20:01:32 +08:00
@november 那当然是可以的，tailwind 的用法，和写一堆 less/scss 变量然后在某个 class 底下加样式，本质上没什么区别，但是要统一协调的话是 tailwind 这种不用重复写变量的容易做到一些
|
 |
29
sunorg 2020-11-26 20:48:47 +08:00 via Android
我选 bs5
|
 |
30
Carole 2021-02-18 05:16:37 +08:00
还是喜欢原生 css
|
Select Language