学前端差不多一年了， 0 基础，到现在切图还是问题，怎么办是好？

2020 年 10 月 24 日
 BaiLinfeng

2019 年学的前端，但是到现在布局切图都不会，看到 UI 图后，脑袋第一时间想不到一个布局的思路，我都想放弃了。不知道为什么始终理解不了布局的精髓，怎么都摆不出 UI 的效果图，时间久了严重打击了学习的积极性，该怎么办是好？我内心是很想学好的，但是就是写不出来，反而我感觉 JS 学起来比布局还熟悉，JS 是理解慢，但是逻辑一下久想通了。布局始终都摆不出自己想要的效果，心好累，年纪也不小了。

4939 次点击
所在节点    程序员
37 条回复
cczeng
2020 年 10 月 24 日
先练好基础功（重）！其次不断实践（重），举一反三。例如一个 animation, 可以用很多种不同的方法实现，对比优缺点。布局同理，block float 能实现，flex 也能实现，grid 也可以实现，顺便了解一下 bootstrap 的网格设计。碰到没思路的，看看其他现成的一样的安利，直接看结构和样式就好了。
IGJacklove
2020 年 10 月 24 日
建议去看下阮一峰的 flex 布局,看完之后前端布局随便玩
iwh718
2020 年 10 月 24 日
建议深入学一下 dom 启蒙 我看完这个后 知道了 css js html 的关系 后面就基本上没有啥障碍了
k1995
2020 年 10 月 24 日
@chenqh
https://www.githubs.cn/collections/front-end
https://www.githubs.cn/collections/learn-to-code
这里收集了 github 上前端相关资源
zhuyw2006
2020 年 10 月 24 日
@XCFOX +1
BaiLinfeng
2020 年 10 月 24 日
@darknoll 没有 UI，不知道东家去哪里扒的 html 下载到本地的静态页面，看着样子来写一个一样的出来。
BaiLinfeng
2020 年 10 月 24 日
@yzqtdu 我就是 html 骨架写不好，几个盒子套下来，直接就晕了，找不到北了，发现不出效果我就会一直无限嵌套子，就乱套了，心就烦躁，思路直接就没了，整个人都不好了。盒模型理解的不够透彻，一直云里雾里，特别是内外边距到现在理解的都不透彻，行内元素是没有内外边距的吗？只要块级才有？特备是遇到一个盒子里面有图片有文字还加上布局，我直接就怀疑人生了。
jacksonD
2020 年 10 月 24 日
我一个后端，现在天天搞前端的东西，小程序，App，还好没有 ui，想做啥样做啥样，随心所欲！
BaiLinfeng
2020 年 10 月 25 日
@jacksonD APP 都做了？全栈啊，大佬，app 用啥写的。
EminemW
2020 年 10 月 25 日
先把页面按区域切成不同大块，然后大块里面再继续切成若干小块
flawless
2020 年 10 月 25 日
先构想整个页面的设计，把整体页面骨架搭起来，再专注一个模块构想出设计，再把这个模块页面搭起来，对于题主的疑惑，要么是写少了，要么是 CSS 掌握的不够。
jacksonD
2020 年 10 月 25 日
@BaiLinfeng 现在这种跨平台好像挺多的，我用的 uniapp
darknoll
2020 年 10 月 26 日
@BaiLinfeng 那你这个叫啥切图，切图是指有设计稿
JinChaoLee
2020 年 10 月 26 日
前端为啥要切图啊？这不都是设计师要干的事吗？我干了 5 年前端，从来没有切过图，表示一点点都不会。
这跟选择的公司有关吧，稍微团队健全一点的，都不至于要前端切图。这本来就不属于前端的工作范畴好吧。
Yjhenan
2020 年 10 月 26 日
自学过来人说下，这个还是得多写，找个视频跟着写就行，纯静态页面的那种，针对性练习下，不能急，一定得自己手动敲。
no1xsyzy
2020 年 10 月 26 日
@JinChaoLee 切图是指设计稿变 CSS 的过程，而不是把图片切成多份的意思，似乎是旧的叫法传承下来的，最近才知道
BaiLinfeng
2020 年 10 月 27 日
@flawless 很多时候不知道该部该套一个盒子，还是直接就写内容了。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/718055

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX