@
maymay5 tailwindcss 确实会使 html 代码看起来更混乱,但究其根本,是因为以前大家开发时大家的思绪更关注代码,而不在 UI 上边
我干了 8 年前端,最近在研究折腾独立开发,也开始做自己的网站产品,再去单独画 UI 图显然不太划算,而且咱也不太会画图软件,直接上手撸界面,然后问题就全暴露出来了
什么意思呢,就是说咱们以前工作的时候,UI 都是 设计同学 给出来的,画好的,程序员的主要思维都在代码上,研究 UI 图怎么转化为 html 元素,html 元素怎么组合更好,元素的 class 怎么起名,至于 UI 效果,不用动脑子,还原设计图就完事了(甚至蓝湖啥的都能一键复制 css ,再删掉不用的 css 。。。)
而现在的状态呢,当你上手撸代码你会发现,没有 UI 图给你去拆分,你需要先去解决 UI 长什么样子的问题
此时你的关注点就从代码怎么写优雅,变成了 [怎么创造自己想要的 UI 界面] 上去了,这时候你就会发现,原来通过 class 去寻找 dom ,然后修改样式的操作变得繁琐起来:
「先找 html 元素,然后看元素是哪个 class ,然后再去找 class ,再修改 css ,然后看一下效果」
用 tailwindcss 的话,就是「找 html 元素,修改 class ,然后看效果」
这不只是少了几步的区别,更重要的是维护你思维的连贯性,你现在在思考这个 UI 宽一点效果怎么样?间距大一点怎么?然后每次都需要跑去找半天 class 再改个样式,等回来的时候,刚才 UI 的思路都断了。。。