有使用过老哥说说吗?说说使用感受。有什么坑吗?
学习的话除了官网,还有什么途径?
有使用过老哥说说吗?说说使用感受。有什么坑吗?
学习的话除了官网,还有什么途径?
|
damngotoMay 7, 2022
1
这东西基本不需要学,想用就查。
后端非常友好,非常虚浮。 如果你喜欢 style in js ,那你会更喜欢 tailwind 。 |
|
yuhangchMay 7, 2022
2
我不是前端,玩票形式用过
感觉生态挺好的 next 、nuxt 这样的框架都有集成的例子 对我(业余)来说加上 ide 的补全,调样式方便不少 |
|
3
设计图就是不按照内置的那些类来 你有啥办法 所以在商业项目用处不大。自己玩是很好的。
|
|
codefeverMay 7, 2022
4
你会发现你甚至连 stylelint 都不需要配置,因为你可能根本不用写 css...
|
|
wu67May 7, 2022
5
个人看法: 如果写外包、写自营产品, 不用学. 除非项目里面已经有用这套一段时间了、或者是技术领导强行要求.
实际上外包出页面, 只需要功能出来, 然后照着你用的 ui 框架的样式就行. 自营项目, 设计稿压根就是自己发挥、天马行空, 你甚至没法直接套 ui 框架和各种 css 库, 都得自己微调. 也就自已写的玩具项目能用上. |
|
anguiaoMay 7, 2022
6
学习成本其实很低,会 CSS 就会 Tailwind ,熟悉一下就可以轻松上手。
其实 Tailwind 这种东西,写后台项目恰恰是最合适的。UI 框架的组件样式都是现成的,只需要完成布局,将它们组合在一起即可。Tailwind 写布局非常爽,几个 class 就可以解决问题,不需要再做无意义的命名。需要注意的是最好关闭 Tailwind 自带的 CSS 重置,以避免不必要的样式冲突。 反而是样式定制化较强的前台页面,无论是覆盖组件库样式、还是从头开始写样式,都很容易把 class 列表写得很长。 |
|
murmurMay 7, 2022
7
不用学?那么多定义怎么可能不用学,新人连 padding margin 这些都分不清楚你让他用哪个
|
|
murmurMay 7, 2022
8
这个东西的用途就是在没有设计规范的公司让设计不至于太离谱,比如我设计 ml-4 ml-8 ml-16 ,其余的数不让用,那最多也就是这三种的组合
但是你的设计师会只出 4 、8 、16 的设计稿吗 |
|
HanggiMay 7, 2022
9
应该说,如果熟悉 CSS ,不需要特意学太多东西就可以玩转 Tailwind 。
其实这东西最早 Bootstrap 时期就已经在这么做了,很神奇这东西能这么火。 |
|
10
Tailwind 的文档很棒,甚至可以通过 Tailwind 的文档来反学 css ,具体的查查 mdn 就好了
|
|
fkdogMay 7, 2022
12
前端属实是把茴香豆有几种写法整出花活来了。
|
|
zhwithsweetMay 7, 2022
13
我还是 unocss 吧
|
|
CurtionMay 7, 2022
14
原子化 css 比较火,不限于 tailwindcss
|
|
zhwithsweetMay 7, 2022
15
|
|
ImmortalMay 7, 2022
16
其实早期合作过的有经验的前端同事在项目里就是"原子化"了
把常用的 class 都提取出来 tailwind 只是把这个操作做的更为标准而已 |
|
17
很好用,最近在用 windicss ,楼上有人说不适合写自己的项目,可能没深入用过,单位是可以用 px 的
|
|
YYMay 7, 2022
18
看起来是不错
|
|
aaniao002May 7, 2022 via Android
19
太好了。正准备迁移,单位忽然说下一步大家一起跳 election
|
|
huijieweiMay 7, 2022
20
研究下自己怎么写插件,简直神器了
|
|
taowenMay 7, 2022
21
|
|
LeviathannMay 7, 2022
23
在用 配合 vite 不刷新+不切文件实时修改样式很爽
|
|
zhuangzhuang1988May 7, 2022
24
累。
|
|
kongkxMay 8, 2022 via iPhone
25
咋一看学习成本不高。开始使用的时候很别扭,熟悉了之后能起飞。组件标准化之后,主题切换挺有优势,同样适合风格化开发。 那自由开放的设计稿,什么框架来都没用
|
|
chenliangngngMay 8, 2022
26
用过 3 个月吧,后面全部还原了
个人认为这几个问题是死穴: 1. 有 ui 框架这种东西,css 都不怎么需要写,现在有了 css 变量,连 less 这种都不怎么需要写了,tailwindcss 用起来很低频,这是最主要的原因 2. 学习成本,包括团队学习成本,都不低 3. 用起来相当于要把英文翻译成中文那样,在脑子里需要翻译 tailwindcss ,对日常开发来说,没有必要增加脑力负担 4. 效率可能会降低。当你发现 tailwindcss 组合不了你想要的效果呢,再回去写 css ?时间都浪费了 优点就是,如果新手前端学习这个,可以限制自己随便写的 css ,对控制 css 步长很有帮助 |
|
tlerbaoMay 8, 2022 via iPhone
27
@chenliangngng 我觉得你一点都没说对 还是再了解了解吧
|
|
chenliangngngMay 8, 2022
28
@tlerbao 你要反驳的话,每一条每一条说清楚。上面的是我用过 3 个月这就是我的感受,也请你把你的用后感写下来
|
|
fgkMay 8, 2022
29
toB 项目的话可以说很爽了
|
|
pokon548May 8, 2022 via Android
30
@chenliangngng
1. 因人而异。适合自己的才是最好的。 2. 对我来说,学习成本非常低。原子化的 CSS class 非常适合将我的 UI 抽象表述出来。 3. 对于编程来说,我认为精通英语是一个最基本的要求。 4. Tailwind 支持自定义 CSS Class 。自定义 CSS Class 可以写任意 CSS 语法。不清楚为何你认为无法组合出你想要的效果。 |
|
pokon548May 8, 2022 via Android
31
补充一点:Tailwind 支持自定义样式。内置 CSS Class 写不出来的东西还能上原生 CSS ,非常方便。
https://tailwindcss.com/docs/adding-custom-styles |
|
gogogo1203May 8, 2022
32
@chenliangngng
1. 不清楚你在说什么. 既然 ui 都写好了不需要改了,难道还是 tailwind 的锅? “我吃饱了,所以锅很累赘’ 2. 什么东西没有学习成本? tailwind 的 naming 参照 bootstrap. 3. 敲代码不需要带脑子吗? 4. 你对 tailwind 是不是有什么误解? 别人是为了快速和方便。复杂的效果你可以用 css 啊, 你不是觉得 css 和 tailwind 只能选一个吧? 上面的人真没有必要回复你, 因为你纯粹就是一知半解,尬黑 |
|
Y29tL2gwd2FyMay 9, 2022 via Android
33
@gogogo1203 你是 tailwind 懂王?我就觉得这个玩意的文档很恶心,还不如十几年前的 bootstrap 方便使用
|
|
gogogo1203May 9, 2022
34
@Y29tL2gwd2Fy 哈哈, 我不要你觉得,要别人觉得. 我不是懂王,但是我知道大概率是你的毛病
|
|
RickyCMay 9, 2022
35
对对对, 很火, 但是很少看到有人用.
|
|
gzf6May 9, 2022 via Android
36
如果你的团队能有一个好的规范且大家都能很好地遵守,那不妨试试,否则后期维护很麻烦
|
|
ericguiMay 9, 2022
37
如果有重复样式,怎么复用?
而且我也不喜欢写太长的 class name 结论就是:不用 |