昨天写前端页面有感 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
phpxiaowangzi
V2EX    程序员

昨天写前端页面有感

  •  
  •   phpxiaowangzi 2021-01-05 08:49:29 +08:00 8139 次点击
    这是一个创建于 1741 天前的主题,其中的信息可能已经有所发展或是发生改变。

    做为后端程序员之前一直用 html+jquery,现在逐渐的也在使用 Vuejs 和相关的 UI 组件进行开发,昨天心血来潮的想再熟悉下 React,写着写着突然感觉,自己可能更多的需要快速的 css 布局的一个东西,不论是 jq,Vuejs 还是 React 都可以实现,但是 css 这块真的逃不过去,自己开始寻找 css 相关的框架,其实也是别人写好的 css 类库你去调用,然后发现可能符合我的想法是那种拖拉拽的自助建站能快速生成页面或者就是直接找一些网站页面去仿站或者在此基础上修改,想问下对网站布局这块大佬们有什么好一点办法啊?

    37 条回复    2021-01-05 19:30:20 +08:00
    eason1874
        1
    eason1874  
       2021-01-05 08:51:29 +08:00   1
    Bootstrap 以前有拖拽生成的工具,现在不知道还有没有
    linkopeneyes
        2
    linkopeneyes  
       2021-01-05 08:53:42 +08:00   2
    拖拽没有,我一般喜欢用 tailwind,配合 vscode 插件感觉已经够用了
    php8
        3
    php8  
       2021-01-05 09:00:27 +08:00 via Android   2
    最适合后端的布局方式是不布局,使用完整的前端模板,react 推荐用 ant design,页面设计往官网例子靠,基本不用写 css 代码了
    murmur
        4
    murmur  
       2021-01-05 09:01:43 +08:00   4
    这种东西需要设计师的,没灵感没美术功底作出来的要么抄要么丑,不要再这折腾
    weer0026
        5
    weer0026  
       2021-01-05 09:04:13 +08:00   1
    css 这块逃不掉的,页面有定制要求的我还是要找前端帮着写,术业有专攻。
    waiaan
        6
    waiaan  
       2021-01-05 09:13:57 +08:00   1
    离开了 CSS,还要前端干嘛?
    yaphets666
        7
    yaphets666  
       2021-01-05 09:14:41 +08:00   1
    什么框架都没有自己手写快
    css 那也不叫框架 都是写了一些原子类 一样要写类名的
    自己手写要快多了
    学下基本的
    然后再学下 flex 布局
    进阶的 css grid
    我是个前端 我觉得 css 真的很简单 背一下就行了
    wgbx
        8
    wgbx  
       2021-01-05 09:14:46 +08:00   1
    css 实在不想学,单学 flex,解决大部分布局问题
    sevenzhou1218
        9
    sevenzhou1218  
       2021-01-05 09:15:18 +08:00   2
    php 出身,一直觉得作为 phper,不会写前端页面,就不是个好的 phper...
    IsaacYoung
        10
    IsaacYoung  
       2021-01-05 09:15:23 +08:00   1
    <<css 权威指南>>
    USAA
        11
    USAA  
       2021-01-05 09:32:41 +08:00   1
    css ? 简单? 你去 codepen 看看,哪个简单了?
    XCFOX
        12
    XCFOX  
       2021-01-05 09:36:30 +08:00   2
    React 社区中有很多 CSS in JS 的解决方案:
    https://github.com/emotion-js/emotion
    https://github.com/callstack/linaria
    https://github.com/styled-components/styled-components

    还有更进一步的,直接在组件上写样式,在开发层面绕开写 CSS 的解决方案:
    https://github.com/chakra-ui/chakra-ui

    我个人认为 CSS 是上古历史遗留的产物,心智担过重,目前只能在编译前减少开发负担
    lneoi
        13
    lneoi  
       2021-01-05 09:38:47 +08:00   1
    现在各个框架的网格组件已经能解决大部分布局问题了 基本不需要 css 而且又快
    而且效果不要太复杂的, css 了解一下也很快就能搞定
    cof404
        14
    cof404  
       2021-01-05 09:40:20 +08:00   1
    flex + grid + 组件库,现在的 css 已经比以前友好很多了
    zaul
        15
    zaul  
       2021-01-05 09:47:15 +08:00   1
    flex 一把梭
    Hoshinokozo
        16
    Hoshinokozo  
       2021-01-05 09:56:27 +08:00   2
    CSS 其实基本规则很简单,没多少东西,多背多练就会了。复杂的 CSS,像网上各种炫酷特效什么的,基本上跟 CSS 本身关系不大了,更多的是思路+图形学+美工技术了
    akakidz
        17
    akakidz  
       2021-01-05 10:03:53 +08:00   1
    flex + grid + 组件库
    cmdOptionKana
        18
    cmdOptionKana  
       2021-01-05 10:10:57 +08:00 via Android   1
    你这种情况,就该学 bootstrap,一个主要原因是它帮你适配了大屏幕和手机屏幕,省了你再学那些细节。

    另外一个原因是它在布局方面的官方教程写的很好,虽然跳不出 flex 和 grid 概念,但它教程易学易懂啊。
    faceRollingKB
        19
    faceRollingKB  
    &nbs;  2021-01-05 10:37:31 +08:00   1
    用 css 画页面只是小儿科,项目上线后的兼容性问题会让你崩溃
    linktang
        20
    linktang  
       2021-01-05 10:50:24 +08:00   1
    你是需要低代码平台这种吧?可以搜下腾讯云云开发低码 LowCode
    zoharSoul
        21
    zoharSoul  
       2021-01-05 10:51:36 +08:00   1
    @sevenzhou1218 为啥 phper 要会前端啊? 我看很多 java 后端都不会....
    wr516516
        22
    wr516516  
       2021-01-05 11:12:24 +08:00   1
    @zoharSoul 我也不知道为啥,但是好想培训班很多都是 PHP 全栈这种体系的课程
    Jackeriss
        23
    Jackeriss  
       2021-01-05 12:58:42 +08:00 via iPhone
    后端写 CSS 的精髓在于借鉴
    Macv1994
        24
    Macv1994  
       2021-01-05 13:11:40 +08:00
    bootstrap 吧 很简单 而且还自适应
    sevenzhou1218
        25
    sevenzhou1218  
       2021-01-05 13:13:38 +08:00
    @zoharSoul 额,目前为止,PHP 依然是最好的 web 编程语言吧,不写 web 谁用它;前后端分离,谁用 php 写接口...
    imjamespond
        26
    imjamespond  
       2021-01-05 13:16:22 +08:00 viaAndroid
    ant design, material ui 了解下?
    pytth
        27
    pytth  
       2021-01-05 13:54:24 +08:00
    Bootstrap 上手快,学习门槛低
    iMiata
        28
    iMiata  
       2021-01-05 13:57:57 +08:00
    前端路过,手写+1,其实也很快的
    liujialongstar
        29
    liujialongstar  
       2021-01-05 14:20:41 +08:00
    @yaphets666 入行之初, 也想向全栈发展, 但是 css 真的把我虐哭了. 感觉 js 比 css 简单多了. 已放弃前端
    coolesting
        30
    coolesting  
       2021-01-05 14:34:19 +08:00 via Android
    呵呵,用了框架,有些组件不符合要求,移来移去移半天,,hack 它吗,也不太好办,怕会影响到其他局部地方。

    自己手写最好,没框架样式束缚,但是样式主题丑得不要不要~~
    RickyC
        31
    RickyC  
       2021-01-05 14:34:33 +08:00
    css 得当成语文来学, 不能当成数学来学
    shhrainy
        32
    shhrainy  
       2021-01-05 14:35:54 +08:00
    php 是世界上最好的语言
    Sapp
        33
    Sapp  
       2021-01-05 14:38:12 +08:00
    flex 布局,学会能解决你百分之九十以上的问题(少数奇葩问题就用绝对定位去搞,x y 定位你总会吧)
    sleepm
        34
    sleepm  
       2021-01-05 14:38:58 +08:00
    css 很简单,用好不简单
    https://zh.learnlayout.com/
    yaphets666
        35
    yaphets666  
       2021-01-05 14:44:34 +08:00
    @USAA 你觉得 codepen 那些难有几个原因.
    第一,那些都是拿出来供全世界码农参考的.水平高.
    第二,css 代码很难理解作者的思路.
    第三,有些不认识的属性.
    其实真的不难,没人用 css 去画画.
    darknoll
        36
    darknoll  
       2021-01-05 17:20:07 +08:00
    你以为是 winform 啊,还拖拉,要真能拖拉了还要前端干啥,后端啥都能干了
    huayumo
        37
    huayumo  
       2021-01-05 19:30:20 +08:00
    多人开发 vue ,单人开发 bootstrap+jquery ,
    我现在直接用 AdminLTE 这个后端的 ui,感觉挺不错的,主要是开源
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2729 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 12:11 PVG 20:11 LAX 05:11 JFK 08:11
    Do have faith in what you're doing.
    ubao 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