前端 tailwindcss 现在很火吗?

2022-05-07 16:34:45 +08:00
 Guidoo

有使用过老哥说说吗?说说使用感受。有什么坑吗?

学习的话除了官网,还有什么途径?

6859 次点击
所在节点    程序员
37 条回复
taowen
2022-05-07 19:32:01 +08:00
Dragonphy
2022-05-07 20:12:58 +08:00
@Hyoban 我就是这么学的
Leviathann
2022-05-07 21:10:47 +08:00
在用 配合 vite 不刷新+不切文件实时修改样式很爽
zhuangzhuang1988
2022-05-07 22:34:23 +08:00
累。
kongkx
2022-05-08 07:19:01 +08:00
咋一看学习成本不高。开始使用的时候很别扭,熟悉了之后能起飞。组件标准化之后,主题切换挺有优势,同样适合风格化开发。 那自由开放的设计稿,什么框架来都没用
chenliangngng
2022-05-08 12:14:21 +08:00
用过 3 个月吧,后面全部还原了

个人认为这几个问题是死穴:
1. 有 ui 框架这种东西,css 都不怎么需要写,现在有了 css 变量,连 less 这种都不怎么需要写了,tailwindcss 用起来很低频,这是最主要的原因
2. 学习成本,包括团队学习成本,都不低
3. 用起来相当于要把英文翻译成中文那样,在脑子里需要翻译 tailwindcss ,对日常开发来说,没有必要增加脑力负担
4. 效率可能会降低。当你发现 tailwindcss 组合不了你想要的效果呢,再回去写 css ?时间都浪费了

优点就是,如果新手前端学习这个,可以限制自己随便写的 css ,对控制 css 步长很有帮助
tlerbao
2022-05-08 12:55:48 +08:00
@chenliangngng 我觉得你一点都没说对 还是再了解了解吧
chenliangngng
2022-05-08 13:10:46 +08:00
@tlerbao 你要反驳的话,每一条每一条说清楚。上面的是我用过 3 个月这就是我的感受,也请你把你的用后感写下来
fgk
2022-05-08 15:33:21 +08:00
toB 项目的话可以说很爽了
pokon548
2022-05-08 16:03:43 +08:00
@chenliangngng
1. 因人而异。适合自己的才是最好的。
2. 对我来说,学习成本非常低。原子化的 CSS class 非常适合将我的 UI 抽象表述出来。
3. 对于编程来说,我认为精通英语是一个最基本的要求。
4. Tailwind 支持自定义 CSS Class 。自定义 CSS Class 可以写任意 CSS 语法。不清楚为何你认为无法组合出你想要的效果。
pokon548
2022-05-08 16:11:58 +08:00
补充一点:Tailwind 支持自定义样式。内置 CSS Class 写不出来的东西还能上原生 CSS ,非常方便。

https://tailwindcss.com/docs/adding-custom-styles
gogogo1203
2022-05-08 16:45:10 +08:00
@chenliangngng
1. 不清楚你在说什么. 既然 ui 都写好了不需要改了,难道还是 tailwind 的锅? “我吃饱了,所以锅很累赘’
2. 什么东西没有学习成本? tailwind 的 naming 参照 bootstrap.
3. 敲代码不需要带脑子吗?
4. 你对 tailwind 是不是有什么误解? 别人是为了快速和方便。复杂的效果你可以用 css 啊, 你不是觉得 css 和 tailwind 只能选一个吧?

上面的人真没有必要回复你, 因为你纯粹就是一知半解,尬黑
Y29tL2gwd2Fy
2022-05-09 03:51:25 +08:00
@gogogo1203 你是 tailwind 懂王?我就觉得这个玩意的文档很恶心,还不如十几年前的 bootstrap 方便使用
gogogo1203
2022-05-09 08:31:49 +08:00
@Y29tL2gwd2Fy 哈哈, 我不要你觉得,要别人觉得. 我不是懂王,但是我知道大概率是你的毛病
RickyC
2022-05-09 08:58:44 +08:00
对对对, 很火, 但是很少看到有人用.
gzf6
2022-05-09 09:12:38 +08:00
如果你的团队能有一个好的规范且大家都能很好地遵守,那不妨试试,否则后期维护很麻烦
ericgui
2022-05-09 13:22:14 +08:00
如果有重复样式,怎么复用?

而且我也不喜欢写太长的 class name

结论就是:不用

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

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

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

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

© 2021 V2EX