V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
AndyBlocker
V2EX  ›  问与答

出于业余爱好的目的,如何学习前端?

  •  
  •   AndyBlocker · 233 天前 · 895 次点击
    这是一个创建于 233 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不是为了工作,偶尔和做设计的朋友一起做点小玩意,之前都是直接 div 一把梭,但是越来越觉得开发效率低、调整复杂,想给不同分辨率做适配的时候很痛苦。如果只是处于一个好玩、半吊子的状态,不追求完美只是想相对高效地将一个(图片,Figma 等中的)设计稿快速转化成一个实际工具,应该学习哪些前端技术?

    7 条回复    2024-05-07 14:13:08 +08:00
    murmur
        1
    murmur  
       233 天前
    业余前端根本不看设计稿,antd 和 element 有啥做啥样
    AndyBlocker
        2
    AndyBlocker  
    OP
       233 天前
    @murmur 好快的回复 不过需求就是从设计稿开始做,所以还是在想是不是学个框架之类的会更快点
    Track13
        3
    Track13  
       233 天前
    tailwindcss 。移动优先(分辨率从小到大)来写布局。
    murmur
        4
    murmur  
       233 天前
    @AndyBlocker 你思路错了,业余前端做什么设计稿实现,那是要正经学 css 的

    正确做法是做稿子的时候就按照 element 或者 antd 做,你做页面的时候要一眼能看出用哪些组件拼出来

    等这一步做熟练了,再想着脱离组件库自己做设计
    z4oSkDNGGC2svsix
        5
    z4oSkDNGGC2svsix  
       232 天前
    什么叫 div 一把梭? 如果你说的是 20 年前的所谓 div+css 布局的话, 那么现代前端有的你学的了, 几乎等于重新学习 2 门语言, css 和 JS, 而学完你还可能需要学习 VUE, REACT, 因为现代前端的状态手动管理非常复杂.

    另外, 你还需要学习前端工具链, node.js, webpack.

    所以这根本不好玩.

    综上, 最后我的建议是学习 bootstrap+抄代码, 即便这样, 你可能仍然需要学习 gulp 或 webpack 之类的打包工具.
    cli007
        6
    cli007  
       232 天前
    适配不同尺寸屏幕 css 用 rem 来写就行了呀
    kylebing
        7
    kylebing  
       232 天前
    就目前的状态来看,用框架确实是最快的,之后等到框架满足不了你的时候可以自己整一些东西。
    这里有很多非常好的框架,适用于 PC 和 适用于 Mobile 的都有:

    https://ui-libs.vercel.app/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1626 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 16:50 · PVG 00:50 · LAX 08:50 · JFK 11:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.