一个很老的话题，但还是想问问大家，后端搞前端怎么选

[XinPingQiHe]

场景：后端老手。正规应用，前端都是有人用。 但偶尔一些应用场景还是需要自己能鼓捣出来页面展示，不能所有的全依赖于前端。 前端目前能力：之前的数十个大小前端项目，vue 项目居多。也就是会看看代码，看看前后交互，改改配置项，编译部署。react nextjs 也有几个项目，修改各类 js 代码可以。紧急情况下，也可以写一些 js 。 前端水平，如果有人把页面搭建搞好了，自己能完成剩下所有事情。 主要困惑：1.css 难读难写。2.如果要设计一个稍微复杂一点的页面，觉得无从下手。 不知是否有一种快速搭建页面的技术存在? 形势所需，自我要求多掌握游一些技能，请各位有类似经验的指点一二，谢谢！

[ZztGqk]

css 难读难写：tailwind ？不用的话，用它的文档学 CSS 也不错。
稍微复杂一点的页面：flex 或 grid 嗦到底？不知道这里的复杂是状态复杂、动画复杂还是布局复杂。
快速搭建：ai? v0.dev ?

[qviqvi]

直接用 template engine ，最简单，无需 node 环境，比如 thymeleaf

[shizhibuyu2023]

Cursor 解君愁

[aababc]

@ZztGqk #1 多年后端，写前端遇到的最大的问题就是不会布局，一个单位就搞的自己晕头转向，px, rem, vh ... ，每次写起来都焦头烂额的，感觉现在唯一能写的就是 管理后台了，就这样也是照葫芦画瓢，不过更大的可能是自己太菜了。

[XinPingQiHe]

@ZztGqk tailwind 在一个 nicegui 的项目里 全程用过它，很好。还不知道在 nextjs 或者 vue 里面怎么用它,回头我查查资料 @qviqvi 哦，多年前用过，我原以为这是一种过时的技术，如果现在有新的能用，我也看看 @shizhibuyu2023 AI 编程插件我只用于部分独立的语句。 全局方面 还是想自己先掌握了。

[studyingss]

我遇到的困惑跟你一模一样，总结出两条重点：

1. 布局 flex 套 flex ，别想别的。

2. css 用 tailwind ，全交给 ai 。

无从下手的问题：选一个抄，直接网页截图发给 chatgpt 让他帮你写好框架，然后用 flex 套 flex 的思路一把梭。

要避坑的点：

太早考虑适配不同尺寸的问题，直接先按自己屏幕大小写死尺寸，写完再慢慢调。

[jlkm2010]

推荐 vue3 一把梭，或者用 layui

[XinPingQiHe]

@aababc 可能不是菜 而是思路没跟上前端的思路，管理后台也是后端最需要的 @studyingss 确实是这样的后端困惑，你说的思路我会试试 @jlkm2010 知道这个好，就还是不知道怎么梭 vue3 技术栈先后看了不少 改写一点东西基本能搞定，要开个新项目或搭建歌新页面 就呆住了。

[studyingss]

@XinPingQiHe 骨架让 ai 帮忙写没问题的，不用担心 ai 让你掌握不了细节，你可以这么用：先让他给你生成一个参考，然后你基于它的一点一点，我刚开始就是这样，改到最后跟它生成的一点关系都没有了，但起码会有个着手点，不至于抓瞎。

另外我个人觉得，vue 比较好入门，它整套都是定好的，更容易集中注意力在重点上，react 太灵活，初学很容易纠结在一些无关紧要的小事情上。

[taotaodaddy]

投 tailwind 一票

[cmdOptionKana]

> 如果要设计一个稍微复杂一点的页面，觉得无从下手

如果不打算花很多时间精力做前端，其实还不如不做复杂的页面，就做简单的。其实复杂也没啥好处，很多设计都是过度设计。

另外，可以先做一个最最最简单的页面，再慢慢改复杂。不要一开始就做复杂。

[captain55]

难道我真的老了吗？竟然没看到 #Bootstrap

[taogen]

1. CSS 基础书籍学起来啊。
2. 复杂的页面，也是一点一点堆起来的。先布局，调样式，加特效等等。不懂的 CSS 搜一下。

我看你基础太弱了。系统的学下 CSS 和 JavaScript 吧！别上来就框架。

[XinPingQiHe]

@taotaodaddy @cmdOptionKana @captain55 @taogen 谢谢各位的建议

[yinmin]

css 不难，快速上手的方式是买一本 css 的书，花个 3-5 天时间通读一遍，遇到问题向 gpt 请教。对于编程老手，估摸着也就 1 周时间能基本精通了

[yudoo]

@yinmin 有推荐的 吗

[0xD800]

对前端感觉复杂会不会是因为你布局系统没掌握，直接学习 flex ，position 的使用，可以实现 99%的界面，js 的话是编程语言学起来简单

[0xD800]

可以自己思考实现一个后台管理的骨架出来，做完基本掌握前端的布局了 0.0

[byj66]

CSS 一个难点在有很多属性要记。多看几本书，MDN 经常看看。
一些参考资料
1. MDN - https://developer.mozilla.org/en-US/docs/Web/CSS
2. CSS roadmap - https://roadmap.sh/r/css-6nqag
3. 深入研究 CSS 的英文博主： https://ishadeed.com/

[kpsanmao]

看你后端语言啊，我主要用 laravel ，基于后端的全栈技术很完善，不需要学太多前端的东西了。