这是一个创建于 523 天前的主题，其中的信息可能已经有所发展或是发生改变。
不是为了工作，偶尔和做设计的朋友一起做点小玩意，之前都是直接 div 一把梭，但是越来越觉得开发效率低、调整复杂，想给不同分辨率做适配的时候很痛苦。如果只是处于一个好玩、半吊子的状态，不追求完美只是想相对高效地将一个（图片，Figma 等中的）设计稿快速转化成一个实际工具，应该学习哪些前端技术？
 | 1 murmur 2024-05-06 14:31:15 +08:00 业余前端根本不看设计稿，antd 和 element 有啥做啥样 |
 | 2 AndyBlocker OP @murmur 好快的回复 不过需求就是从设计稿开始做，所以还是在想是不是学个框架之类的会更快点 |
 | 3 bgm004 2024-05-06 14:40:32 +08:00 tailwindcss 。移动优先（分辨率从小到大）来写布局。 |
| 4 murmur 2024-05-06 14:44:17 +08:00 @AndyBlocker 你思路错了，业余前端做什么设计稿实现，那是要正经学 css 的 正确做法是做稿子的时候就按照 element 或者 antd 做，你做页面的时候要一眼能看出用哪些组件拼出来 等这一步做熟练了，再想着脱离组件库自己做设计 |
 | 5 z4oSkDNGGC2svsix 2024-05-07 03:14:22 +08:00 什么叫 div 一把梭? 如果你说的是 20 年前的所谓 div+css 布局的话, 那么现代前端有的你学的了, 几乎等于重新学习 2 门语言, css 和 JS, 而学完你还可能需要学习 VUE, REACT, 因为现代前端的状态手动管理非常复杂. 另外, 你还需要学习前端工具链, node.js, webpack. 所以这根本不好玩. 综上, 最后我的建议是学习 bootstrap+抄代码, 即便这样, 你可能仍然需要学习 gulp 或 webpack 之类的打包工具. |
 | 6 cli007 2024-05-07 09:13:23 +08:00 适配不同尺寸屏幕 css 用 rem 来写就行了呀 |
 | 7 kylebing 2024-05-07 14:13:08 +08:00 就目前的状态来看，用框架确实是最快的，之后等到框架满足不了你的时候可以自己整一些东西。 这里有很多非常好的框架，适用于 PC 和 适用于 Mobile 的都有： https://ui-libs.vercel.app/ |
Select Language