前端 tailwindcss 现在很火吗?

2022 年 5 月 7 日
 Guidoo

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

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

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

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

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

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

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

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

结论就是:不用

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

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

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

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

© 2021 V2EX