V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lingeo
V2EX  ›  前端开发

困扰新手前端很久的问题

  •  
  •   lingeo · 2024-10-28 10:11:35 +08:00 · 3580 次点击
    这是一个创建于 367 天前的主题,其中的信息可能已经有所发展或是发生改变。

    毕业后一直从事的是服务端开发,偶而需要写一些展示页面,每次写页面困扰最久的就是布局。
    不止是布局 UI 设计(小公司没有 UI 设计),还有布局代码的实现,有什么入门博客或者视频推荐吗?

    24 条回复    2024-11-15 16:14:42 +08:00
    iOCZS
        1
    iOCZS  
       2024-10-28 10:13:02 +08:00
    分而治之
    fruitmonster
        3
    fruitmonster  
       2024-10-28 10:17:58 +08:00
    设计什么啊,直接现成的 UI 组件,需要啥用不就可以了么
    fengci
        4
    fengci  
       2024-10-28 10:18:32 +08:00   ❤️ 1
    flex 走天下。
    yangg
        5
    yangg  
       2024-10-28 10:30:36 +08:00
    ydong
        6
    ydong  
       2024-10-28 10:37:03 +08:00
    认真学一下 css 就不会有这个困扰
    dyncan
        7
    dyncan  
       2024-10-28 10:37:57 +08:00
    Google 搜一些 'CSS layout generator' 关键词跟着学习布局, 现在 AI 工具也这么发达, 想怎么学都能学会.
    dode
        8
    dode  
       2024-10-28 10:43:51 +08:00
    tailwindcss
    wu67
        9
    wu67  
       2024-10-28 10:52:11 +08:00
    要么 flex, 学两天就上手了.
    要么 tailwind, 上手曲线高一点, 但是用久了就发现, 其实就是跟 10 年前的经典 bootstrap 差不多.
    pandaaa
        10
    pandaaa  
       2024-10-28 10:57:28 +08:00
    简单来说多练多写,c 端就熟练掌握 flex ,b 端就是熟练掌握 antD 或者一款成熟的 UI 框架就行了,不用太担心,细节问题就 AI 和 google 解决
    Pdk5a8759cbeD6CH
        11
    Pdk5a8759cbeD6CH  
       2024-10-28 11:01:40 +08:00
    掌握弹性布局后基本上布局没问题了
    bgm004
        12
    bgm004  
       2024-10-28 11:06:40 +08:00   ❤️ 1
    使用 flex 。布局就是在页面上画格子,从上往下堆,从左往右挤。
    callv
        13
    callv  
       2024-10-28 11:25:02 +08:00
    flex 基本所有一般网页布局都能搞定了
    ZGame
        14
    ZGame  
       2024-10-28 11:29:14 +08:00
    没有什么是 flex 解决不了的
    sikuu2al
        15
    sikuu2al  
       2024-10-28 11:34:08 +08:00
    flex 和 grid 吧 认真学一学不用两小时就上手了
    7gugu
        16
    7gugu  
       2024-10-28 11:36:19 +08:00
    如果是后台的页面,用 Antd 这种 UI 组件库,对付一下就得了。
    freeup
        17
    freeup  
       2024-10-28 11:37:58 +08:00
    页面本质就是一个盒子里面嵌套各种盒子,用线把各个盒子画好,在填充具体元素就行,所以可以搜搜 关键字 ”盒子布局“ ,上手很快,属于基本 css 布局知识
    AlanBrian
        18
    AlanBrian  
       2024-10-28 11:48:41 +08:00
    stein9999
        19
    stein9999  
       2024-10-28 13:07:09 +08:00   ❤️ 1
    aliezleft
        20
    aliezleft  
       2024-10-28 13:09:02 +08:00
    xiaozhang1609
        21
    xiaozhang1609  
       2024-10-28 16:41:15 +08:00
    强度不高的话,直接使用 ai 做吧,让 ai 设计几种方案,你选一种自己喜欢的就行。
    linkopeneyes
        22
    linkopeneyes  
       2024-10-28 17:02:31 +08:00
    flex 不能解决就 grid,grid 兼容差就用组件库的 grid,实在不行就自己 js 算
    xiaowunai
        23
    xiaowunai  
       2024-10-28 17:09:06 +08:00
    无他,唯有手熟尔
    gorvey
        24
    gorvey  
       349 天前
    https://jscool.cn/
    查看 css 专区
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   939 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:46 · PVG 05:46 · LAX 14:46 · JFK 17:46
    ♥ Do have faith in what you're doing.