场景:后端老手。正规应用,前端都是有人用。
但偶尔一些应用场景还是需要自己能鼓捣出来页面展示,不能所有的全依赖于前端。
前端目前能力:之前的数十个大小前端项目,vue 项目居多。也就是会看看代码,看看前后交互,改改配置项,编译部署。react nextjs 也有几个项目,修改各类 js 代码可以。紧急情况下,也可以写一些 js 。  前端水平,如果有人把页面搭建搞好了,自己能完成剩下所有事情。
主要困惑:1.css 难读难写。2.如果要设计一个稍微复杂一点的页面,觉得无从下手。 不知是否有一种快速搭建页面的技术存在?
形势所需,自我要求多掌握游一些技能,请各位有类似经验的指点一二,谢谢!
举报· 235 次点击
登录 注册 站外分享
10 条回复  
taogen 小成 2024-10-13 22:49:13
1. CSS 基础书籍学起来啊。
2. 复杂的页面,也是一点一点堆起来的。先布局,调样式,加特效等等。不懂的 CSS 搜一下。

我看你基础太弱了。系统的学下 CSS 和 JavaScript 吧!别上来就框架。
captain55 小成 2024-10-13 22:45:49
难道我真的老了吗?竟然没看到 #Bootstrap
cmdOptionKana 初学 2024-10-13 21:38:30
> 如果要设计一个稍微复杂一点的页面,觉得无从下手

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

另外,可以先做一个最最最简单的页面,再慢慢改复杂。不要一开始就做复杂。
taotaodaddy 初学 2024-10-13 20:26:35
投 tailwind 一票
jlkm2010 小成 2024-10-13 19:54:12
推荐 vue3 一把梭,或者用 layui
studyingss 小成 2024-10-13 19:53:06
我遇到的困惑跟你一模一样,总结出两条重点:

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

2. css 用 tailwind ,全交给 ai 。

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

要避坑的点:

太早考虑适配不同尺寸的问题,直接先按自己屏幕大小写死尺寸,写完再慢慢调。
aababc 小成 2024-10-13 19:49:03
@ZztGqk #1 多年后端,写前端遇到的最大的问题就是不会布局,一个单位就搞的自己晕头转向,px, rem, vh ... ,每次写起来都焦头烂额的,感觉现在唯一能写的就是 管理后台了,就这样也是照葫芦画瓢,不过更大的可能是自己太菜了。
shizhibuyu2023 初学 2024-10-13 19:44:51
Cursor 解君愁
qviqvi 小成 2024-10-13 19:38:11
直接用 template engine ,最简单,无需 node 环境,比如 thymeleaf
ZztGqk 小成 2024-10-13 19:36:18
css 难读难写:tailwind ?不用的话,用它的文档学 CSS 也不错。
稍微复杂一点的页面:flex 或 grid 嗦到底?不知道这里的复杂是状态复杂、动画复杂还是布局复杂。
快速搭建:ai? v0.dev ?
返回顶部