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

困扰新手前端很久的问题

  •  
  •   lingeo · 3 天前 · 2180 次点击

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

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