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

[BaiLinfeng]

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

[cczeng]

先练好基础功（重）！其次不断实践（重），举一反三。例如一个 animation, 可以用很多种不同的方法实现，对比优缺点。布局同理，block float 能实现，flex 也能实现，grid 也可以实现，顺便了解一下 bootstrap 的网格设计。碰到没思路的，看看其他现成的一样的安利，直接看结构和样式就好了。

[IGJacklove]

建议去看下阮一峰的 flex 布局,看完之后前端布局随便玩

[iwh718]

建议深入学一下 dom 启蒙 我看完这个后 知道了 css js html 的关系 后面就基本上没有啥障碍了

[k1995]

@chenqh
https://www.githubs.cn/collections/front-end
https://www.githubs.cn/collections/learn-to-code
这里收集了 github 上前端相关资源

[zhuyw2006]

@XCFOX +1

[BaiLinfeng]

@darknoll 没有 UI，不知道东家去哪里扒的 html 下载到本地的静态页面，看着样子来写一个一样的出来。

[BaiLinfeng]

@yzqtdu 我就是 html 骨架写不好，几个盒子套下来，直接就晕了，找不到北了，发现不出效果我就会一直无限嵌套子，就乱套了，心就烦躁，思路直接就没了，整个人都不好了。盒模型理解的不够透彻，一直云里雾里，特别是内外边距到现在理解的都不透彻，行内元素是没有内外边距的吗？只要块级才有？特备是遇到一个盒子里面有图片有文字还加上布局，我直接就怀疑人生了。

[jacksonD]

我一个后端，现在天天搞前端的东西，小程序，App，还好没有 ui，想做啥样做啥样，随心所欲！

[BaiLinfeng]

@jacksonD APP 都做了？全栈啊，大佬，app 用啥写的。

[EminemW]

先把页面按区域切成不同大块，然后大块里面再继续切成若干小块

[flawless]

先构想整个页面的设计，把整体页面骨架搭起来，再专注一个模块构想出设计，再把这个模块页面搭起来，对于题主的疑惑，要么是写少了，要么是 CSS 掌握的不够。

[jacksonD]

@BaiLinfeng 现在这种跨平台好像挺多的，我用的 uniapp

[darknoll]

@BaiLinfeng 那你这个叫啥切图，切图是指有设计稿

[JinChaoLee]

前端为啥要切图啊？这不都是设计师要干的事吗？我干了 5 年前端，从来没有切过图，表示一点点都不会。
这跟选择的公司有关吧，稍微团队健全一点的，都不至于要前端切图。这本来就不属于前端的工作范畴好吧。

[Yjhenan]

自学过来人说下，这个还是得多写，找个视频跟着写就行，纯静态页面的那种，针对性练习下，不能急，一定得自己手动敲。

[no1xsyzy]

@JinChaoLee 切图是指设计稿变 CSS 的过程，而不是把图片切成多份的意思，似乎是旧的叫法传承下来的，最近才知道

[BaiLinfeng]

@flawless 很多时候不知道该部该套一个盒子，还是直接就写内容了。