V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 1977 days ago, the information mentioned may be changed or developed.
Tailwind 一开始用，可能会觉得不方便，但是用的越多，会越觉得好，所有的代码，能复用。容易修改。容易自定义，简单。
Supplement 1 · Nov 26, 2020
Tailwind 要和 AlpineJS 一起用，绝配。 多用用，你会爱上这个组合。
 |
1
coolcoffee Nov 26, 2020
楼主能解释一下我的疑惑吗？
我觉得 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 Nov 26, 2020
@coolcoffee #1 因为本质依旧没有改变，就是糖，不过是糖好不好吃的区别罢了。
尝试过 TailWind,后来又放弃了，原因很简单，有用，但没有必要。本质还是没有变。 |
 |
3
herozzm Nov 26, 2020 via Android
依靠无数个 css 的产生很长大冗余的 html ？
|
 |
4
seki Nov 26, 2020  1
@coolcoffee 一般是要配合组件化一起做的，到时候不是每个 card div 都有这么一堆 class，而是会有一个 card 组件，里面定义这么多 class，然后所有地方统一使用这个 card 组件，这样如果需要对 card 的外观进行修改，只需要修改 card 组件
https://tailwindcss.com/docs/extracting-components |
 |
5
cmdOptionKana Nov 26, 2020
其实这两个产品的目标用户不一样，bootstrap 主要给不是专业搞前端的人用，足够简单。
Tailwind 适合更专业一些的人，方便定制。 如果不是专门搞前端的，其实也没有定制的需求，因为会越改越丑，还不如用默认样式。 |
 |
6
damngood Nov 26, 2020 via iPhone
在两个小项目里面用过, 感觉还可以, 自己定制也还算方便. 就是 class 组合有点长, 不过放在变量里面就还好了.
另外, vsc 里面 class 自动补全有时候不起作用, 也挺恼火. |
 |
7
IsaacYoung Nov 26, 2020
不了不了
|
 |
8
gouflv Nov 26, 2020 via iPhone
atom css 在工程实践中显然不合适，定位就短期项目快速开发
|
 |
9
loveuloveme OP @coolcoffee 重复的放在一个组件里，比如，一个 card 多次使用，可以 <x-card />
|
 |
10
swift Nov 26, 2020 via iPhone 4
🙅♂️<p style="font-size:12px;background:#333...>
🙆♂️<p class="font-size-12 background-gray...> 总是复古 |
 |
11
TangMonk Nov 26, 2020 via iPhone
还不错
|
 |
14
Troevil Nov 26, 2020
要说语义化,当属 semantic ui , lz 可以看看 这是鼻祖
|
 |
15
xieqiang9408 Nov 26, 2020
刚入坑，一次性的样式开发很快 , 响应式支持也很不错。
|
 |
16
zsc8917zsc Nov 26, 2020
不是很懂，这个跟直接怼 style 有什么区别吗？
|
 |
17
go522000 Nov 26, 2020
我的想法与楼主不一样，我主要还是用 bootstrap，再使用 tailwind 进行辅助，tailwind 画一个提示框，需要用到一堆样式。
|
 |
19
love Nov 26, 2020
这个使用场景是什么？就象楼上说的，不用组件化的话难道在每个 card 都写一堆 class，修改的话要全局查找?用了第三方组件库那组件库都自带样式了还用这个干什么？
难道是用于自己手撸的组件库？ |
|
20
loveuloveme OP @go522000 bootstrap 太大了。可以用 Tailwind 画个提示框，放入组件，然后 任何地方，甚至你任何项目，都可以 <x-alert> 不是很好吗
|
 |
21
jin5354 Nov 26, 2020
10 年前的 css 原子类写法。定位就是快速糊个页面出来。维护性什么的就别想了。
|
 |
23
robinlovemaggie Nov 26, 2020
前端过去现在将来都不会有统一标准，想怎么写就怎么写， 这才是前端该有的样子。
|
 |
24
zaul Nov 26, 2020
....看着头皮发麻，一个 class 不香？
|
 |
25
0754 Nov 26, 2020 via iPhone
没什么卵用
|
 |
27
TarotVoyager Nov 26, 2020 via iPhone
vue element tailwind 组合体验良好
|
|
28
seki Nov 26, 2020
@november 那当然是可以的，tailwind 的用法，和写一堆 less/scss 变量然后在某个 class 底下加样式，本质上没什么区别，但是要统一协调的话是 tailwind 这种不用重复写变量的容易做到一些
|
 |
29
sunorg Nov 26, 2020 via Android
我选 bs5
|
 |
30
Carole Feb 18, 2021
还是喜欢原生 css
|
Select Language