1
MrUser 2020-10-05 10:48:24 +08:00
记得 table 布局之后是 div+css 布局,是为了“表现”与“结构”分离,
这个 Tailwind 似乎又回到了 table 布局的年代,不看好这种框架 |
2
loveuloveme OP @MrUser Tailwind 只有多用了才会喜欢。乍一看一般都不会喜欢,让 html 看起来太 busy
|
3
cmdOptionKana 2020-10-05 11:00:55 +08:00
bootstrap 具体哪里不好?
|
4
loveuloveme OP @cmdOptionKana bootstrap 类似的框架很多,bulma, pure.css 等,对于界面需要自定义的网站,页面多了,css 会很难管理,即使用了 scss,随着页面的增加,也会导致 css 文件无限增加,难以维护。Tailwind 解决了这个痛点。Tailwind 作者有有多的免费的教学视频,可以去看看,理解透了才会爱上它。
|
6
kaiki 2020-10-05 11:34:34 +08:00
我连最后一个分号都占空间的,让我用这种东西,心里不能接受
|
7
love 2020-10-05 12:08:16 +08:00
我记得很多年前这种类似直接写内联 css 的做法还是被批判的,现在反转了?
|
8
danhahaha 2020-10-05 12:15:44 +08:00 via iPhone
时代变了,原来没什么框架,需要 bootstrap 减轻工作量,现在框架管太多,需要 Tailwind
|
9
maigebaoer 2020-10-05 12:35:38 +08:00 via Android
新人写 css 表示 tailwind 比 bootstrap 好用
|
10
noqwerty 2020-10-05 12:57:44 +08:00 via Android
业余选手觉得 tailwind 很香,可维护性也不差
|
11
mywaiting 2020-10-05 16:14:01 +08:00
还活在 Wordpress 用 jQuery 一把梭的选手觉得也就是几句 CSS 的问题
|
12
codingguy 2020-10-05 17:37:49 +08:00
tailwindcss 的定位更像是一个 util
|
13
ddefewfewf 2020-10-05 17:48:44 +08:00 via iPhone
前端就是牛逼
|
14
terranboy 2020-10-05 17:55:13 +08:00
后端人员用 Tailwind 真的香
|
16
zoharSoul 2020-10-05 18:38:52 +08:00
android 开发觉得 tailwind 挺好的.
css 单独写太怪了. 除了前端没搞样式结构分离的 |
17
dvaknheo 2020-10-05 18:56:56 +08:00
那句话怎么说来的?不爽不要用。
要不你来个更"优雅"的方案? |
18
agdhole 2020-10-05 20:38:06 +08:00
jetstream 用的是 Livewire 和 Inertia,这两个解决方案会增加很多学习成本,但是由于技术栈过于小众,收益不会很高,类似的解决方案 razor,因为背靠微软而且直接绑定 asp,所以推广起来会比 laravel 这两个解决方案省心很多
|
19
ditel 2020-10-05 21:27:07 +08:00 via Android
因为 Jetstream 招致不少批评
------ 然而想知道招致了什么批评? |
20
learnshare 2020-10-05 22:11:24 +08:00
Tailwind 和 Bootstrap 都是对 CSS (或者 UI 绘制命令)的一种包装形式而已
前者更细碎,后者更简洁。好不好没法评价,看个人口味 如果能保证开发效率、代码质量、可维护性以及 dist 尽量小,怎么玩都可以( Web 就是这么自由和散乱的平台 纠结的原因通常是项目没有一套设计规范、UI 样式库或组件库,否则谁还关注业务逻辑以外的问题 |
21
learnshare 2020-10-05 22:19:37 +08:00
@learnshare 大概被人讨厌的地方是大量冗余代码,以及 !important 的使用?
```css | https://tailwindcss.com/_next/static/css/0c17db1ebca8cc8f7205.css .border-0 { border-width: 0!important } .border-2 { border-width: 2px!important } .border-4 { border-width: 4px!important } .border-8 { border-width: 8px!important } ``` |
22
zrp1994 2020-10-05 22:52:15 +08:00
Tailwind 有没有配套的可以简化 HTML 中 class name 的工具?如果没有的话,不看好 Tailwind 。
|
23
Sapp 2020-10-05 23:25:44 +08:00
@MrUser 样式结构分离现在已经不是那么严格要求了,很多地方都改用组件分离了,组件内部 html 、css 、js 都是结合起来的,比如 react + css in js 就是这个方案,用着还很舒服,只用关心组件,不用关心其他乱七八糟,css 和 html 都可以享受 js 的能力
|
24
wusheng0 2020-10-06 01:38:56 +08:00 via Android
> 啊猿,收手吧,外面全是前端 er
话说 Linux 开发这类,技术,工具什么的应该不会像前端经常变动吧 |
25
Archeb 2020-10-06 08:17:58 +08:00
tailwind 既没降低 css 学习成本 也不能实现更复杂的布局 还增加了 html 一车 classname 的混乱程度
我不太能理解这个框架为什么值得使用 |
26
libracloud 2020-10-06 10:26:54 +08:00
@loveuloveme 一直想用,但每次看到一堆 css 类在 html 里我又默默用回 bt 了,主要做后台管理,不需要定制啥
|
29
ccraohng 2020-10-07 10:09:23 +08:00 via iPhone
一句 css 语法的事,整这么多类,加重心智负担。
css 库省的就是 ui 设计排版。 |
30
UFc8704I4Bv63gy2 2020-10-07 12:37:31 +08:00 via Android
@MrUser 我觉得 table 布局真的挺好,这么多年以来我从来没有真正抛弃过
|
31
pigzzz 2020-10-08 09:26:31 +08:00
因为 Jetstream 招致不少批评 的原因,我觉得更多是因为 Livewire 和 Inertia 这两个小众 js 框架,如果直接用 vue,我相信很多人会用的
|
32
muzuiget 2020-10-08 10:21:25 +08:00
看了下那个 tailwind,感觉就是多此一举,把本来写在 style 属性里的,重新发明一套写在 class 属性里。
|
33
loveuloveme OP @pigzzz Inertia 其实就是 Vue, 主要还是因为默认 Tailwind,没用 Bootstrap 。Tailwind 爱的人,爱的深,但是,因为相对的多 class,也让很多人恨。大家做伸手党惯了,其实大可以 fork 一个 Bootstrap 版本。
|
34
pigzzz 2020-10-08 16:43:17 +08:00
@loveuloveme 不不不,不是一样的,Livewire 和 Inertia 的存在都只是为了简化全栈开发人员的工作流程,只是想省掉因为前后端分离而多出来的工作量,这种强耦合的,且需要多余的学习成本的新事物,可能个人项目中可以用一用,但公司项目是不敢上的
|
35
dvaknheo 2020-10-11 14:31:20 +08:00
@loveuloveme 页内 scss 呢?。或者一个 html 对应一个专一的 scss, css.
scss 编译出来的 css 是可以看可以用的,丢失 scss 文件也不怕。 用 boostrap 的时候组合多个 自带 class 是偷懒行为而已。 |
36
loveuloveme OP @dvaknheo 一个 html 对应一个专一的 scss 这个已经落伍了,随着页面的增多,调整,会越来越混乱的。Tailwind 是未来。我已经在公司的 bootstrap 网站使用上了 tailwind,逐步淘汰 bootstrap 。使用起来非常的棒。团队一开始也是抵触 tailwind 的,但是,用多了,才知道它的好。Tailwind 不是所有人都爱,但是,只要你用上了,基本你就会抛弃所有其他 css 框架。
|
37
charlie21 2020-10-12 20:42:06 +08:00
咳咳,解决一个个已经解决过的问题 ...
|
38
devwolf 2020-10-29 11:15:39 +08:00
table 布局好久没接触到了,现在不是 display 里丢 grid 或者 flex 的比较多吗,要不就框架提供的栅格布局。
我这边和#23 一样是做 react 前端的,所以个人不太理解#36 所说的“一个 html 对应专一的 scss 这个已经落伍”。 可能因为没接触到“定制页面”的概念?组件化以后,我这边的所谓定制页面就是单纯的替换组件、条件渲染了 |
39
devwolf 2020-10-29 13:02:57 +08:00
官网文档看了一会儿,确实是一套没接触的方案(虽然我本来也没接触过过几种),知乎上好像管这种叫“原子化 CSS”。知乎上的回答,使我感觉是“一种接近直接写 css 的粒度又比 css 来的更优化一点,比如已经帮忙完成了响应式”。
好像也和 react 很搭,虽然我初看觉得类名多的吓人,用这玩意儿相当于自己撸 bulma 、bootstrap 了,“自己用更优化的零件去拼接高可用的机器”这样? 安排一下行程多看看了,感谢安利 |
40
dcoder 2020-11-01 18:08:34 +08:00
作为外行(后端), 看了眼, 不负责的归类下:
出活接地气类: Vue, Bulma 自由高逼格类: React, Tailwind |
41
junwind 2020-11-17 09:17:24 +08:00
前端的东西是真的杂,各种框架,组件,js 库,还要 css,哎,头疼
|