得了前端恐惧症该怎么解决

[qwx]

会 spring 一把梭做后端，发现想做一些有意思的项目都很难躲过前端这件工作，包括但不限于 APP 和 Web ，会 JS ，但 CSS 几乎无法理解。

文档我也看过，Vue 之类的也会用（但仅仅是那种光秃秃的页面放个按钮或者表单响应后端接口），也照着 MDN 那类的网站一路学习下来，但还是陷入了“这个元素放在这里要如何实现，要用什么布局”以及“这个文字怎么靠上/下/没居中了，该怎么调整”的怪圈，也尝试过 AI ，但感觉没有一个很好的思路很难做到自己满意，有些迷茫。

不知道有没有其他人跟我一样从这个状态走过来，有没有什么突破点？

[AEDaydreamer]

flex 布局学会，整个 tailwind css ，dribbble 和 behance 上模仿设计，figma 上出个 wirefram 草图，最后直接开撸。

[qwx]

@yangth 但盒子有大小，长短不一，盒子还有边框，盒子还得考虑盒子里面的东西，缩小浏览器还会导致封闭空间变小，盒子被挤下去，还是要隐藏。。。_(¦3 」∠)_

[qwx]

@AEDaydreamer 这就去学习，好多词没听过 Orz

[c2boy]

把 css 基础打牢就行了，看看 css 世界这本书

[yangth]

@qwx 和搭积木一样，熟悉规则就行了，多玩玩，最多半年，css 是前端比较简单的一个点了

[williamherry]

@qwx #4 自适应一般都是框架提供的，也没必要纯 CSS 实现，可以选一个前端框架深入研究，推荐 Bootstrap

[qwx]

@c2boy 书下载了，今天地铁的读物有了 hhh

[qwx]

@yangth 多练多练，我试试看。

@williamherry bootstrap 的文档看了好多遍，上手就我就拉了

[1183460943]

把 css 最基础的东西搞明白， 基础样式， 盒模型，flex 布局， 定位， 能应付百分之九十场景

[MRG0]

我有后端恐惧症，不会 java

[mzfbwu]

请帮我调整这个表格风格，采用卡片式，参照推特的推文卡片，现代化，立体精致，简约美观，圆角，柔和的阴影效果，平滑的点击与 hover 动画效果，增加图标与文字的间距，调整底部边框，巴拉巴拉。反正我现在就是靠这些提示词搞前端的，自己也写，但是 ai 已经把我养懒了。

[qwx]

@1183460943 你说的这些基础我都会，但现在放在眼前一个居中需求我依然会儍，┭┮﹏┭┮


@MRG0 java 一把梭，我建议刷一些“模拟”的算法题，他会让你用程序实现你的思维，之后就不难了。


@mzfbwu 好词，偷了。

[MRG0]

@qwx #32 算法更不会了

[v2ye]

我原来也是后端，现在是前端。调样式确实是比较繁琐。你可以写的时候直接给 div 定义一个背景色，醒目的红、蓝色都行。然后在里面规划好每个块大致要放什么，也是给一个背景色。这样应该能够帮助你理解里面的属性。

[yangzzzzzz]

css 别想着按规范写，不然会很累，有了设计稿 别管怎么写 最后样式能实现就行了

[qwx]

@MRG0 他不是算法，他是让你用程序解决一些现实生活的问题，然后下次你遇到类似的问题就会解决啦，反正后端也就是处理数据，你的思维怎么处理就怎么写程序完事。


@v2ye 好手段，偷了。


@yangzzzzzz 确实，我这本质上还是焦虑

[NoManPlay]

css 其实蛮多奇技淫巧，尤其很多样式不好实现不如直接用 before/after
现在浏览器样式基本 flex/grid 布局解决大部分布局问题，剩下的再精修

[q2677855779]

css 常用的很简单的，学会 flex 和定位了，百分之 99 的页面都能搞定，剩下的问 AI 会给你提示该用什么的~

[q2677855779]

如何觉得布局看不懂，加上这一行代码，给你画上条条框框了，就简单了
* {
outline: 1px solid #0000ff;
}
https://blog.csdn.net/IAIPython/article/details/130571182

[MrZhangLo]

@qwx #32 看看 flex 和 grid 布局，学习一下就够用了。