lingeo

困扰新手前端很久的问题

  •  
  •   lingeo · Oct 28, 2024 · 4103 views
    This topic created in 573 days ago, the information mentioned may be changed or developed.

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

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