困扰新手前端很久的问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lingeo
V2EX    前端开发

困扰新手前端很久的问题

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

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

    24 条回复    2024-11-15 16:14:42 +08:00
    iOCZS
        1
    iOCZS  
       353 天前
    分而治之
    fruitmonster
        3
    fruitmonster  
       353 天前
    设计什么啊,直接现成的 UI 组件,需要啥用不就可以了么
    fengci
        4
    fengci  
       353 天前   1
    flex 走天下。
    yangg
        5
    yangg  
       353 天前
    ydong
        6
    ydong  
       353 天前
    认真学一下 css 就不会有这个困扰
    dyncan
        7
    dyncan  
       353 天前
    Google 搜一些 'CSS layout generator' 关键词跟着学习布局, 现在 AI 工具也这么发达, 想怎么学都能学会.
    dode
        8
    dode  
       353 天前
    tailwindcss
    wu67
        9
    wu67  
       353 天前
    要么 flex, 学两天就上手了.
    要么 tailwind, 上手曲线高一点, 但是用久了就发现, 其实就是跟 10 年前的经典 bootstrap 差不多.
    pandaaa
        10
    pandaaa  
       353 天前
    简单来说多练多写,c 端就熟练掌握 flex ,b 端就是熟练掌握 antD 或者一款成熟的 UI 框架就行了,不用太担心,细节问题就 AI 和 google 解决
    Pdk5a8759cbeD6CH
        11
    Pdk5a8759cbeD6CH  
       353 天前
    掌握弹性布局后基本上布局没问题了
    bgm004
        12
    bgm004  
       353 天前   1
    使用 flex 。布局就是在页面上画格子,从上往下堆,从左往右挤。
    callv
        13
    callv  
       353 天前
    flex 基本所有一般网页布局都能搞定了
    ZGame
        14
    ZGame  
       353 天前
    没有什么是 flex 解决不了的
    sikuu2al
        15
    sikuu2al  
       353 天前
    flex 和 grid 吧 认真学一学不用两小时就上手了
    7gugu
        16
    7gugu  
       353 天前
    如果是后台的页面,用 Antd 这种 UI 组件库,对付一下就得了。
    freeup
        17
    freeup  
       353 天前
    页面本质就是一个盒子里面嵌套各种盒子,用线把各个盒子画好,在填充具体元素就行,所以可以搜搜 关键字 ”盒子布局“ ,上手很快,属于基本 css 布局知识
    AlanBrian
        18
    AlanBrian  
       353 天前
    stein9999
        19
    stein9999  
       353 天前   1
    xiaozhang1609
        21
    xiaozhang1609  
       353 天前
    强度不高的话,直接使用 ai 做吧,让 ai 设计几种方案,你选一种自己喜欢的就行。
    linkopeneyes
        22
    linkopeneyes  
       353 天前
    flex 不能解决就 grid,grid 兼容差就用组件库的 grid,实在不行就自己 js 算
    xiaowunai
        23
    xiaowunai  
       353 天前
    无他,唯有手熟尔
    gorvey
        24
    gorvey  
       335 天前
    https://jscool.cn/
    查看 css 专区
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3244 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 11:15 PVG 19:15 LAX 04:15 JFK 07:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86