






















20 karnaugh 2024 年 7 月 1 日@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 的思路都断了。。。 |
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。