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

困扰新手前端很久的问题

  •  
  •   lingeo · 11 天前 · 2417 次点击

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

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