V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
phpxiaowangzi
V2EX  ›  程序员

昨天写前端页面有感

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

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

    37 条回复    2021-01-05 19:30:20 +08:00
    eason1874
        1
    eason1874   96 天前   ❤️ 1
    Bootstrap 以前有拖拽生成的工具,现在不知道还有没有
    sjhhjx0122
        2
    sjhhjx0122   96 天前   ❤️ 2
    拖拽没有,我一般喜欢用 tailwind,配合 vscode 插件感觉已经够用了
    php8
        3
    php8   96 天前 via Android   ❤️ 2
    最适合后端的布局方式是不布局,使用完整的前端模板,react 推荐用 ant design,页面设计往官网例子靠,基本不用写 css 代码了
    murmur
        4
    murmur   96 天前   ❤️ 4
    这种东西需要设计师的,没灵感没美术功底作出来的要么抄要么丑,不要再这折腾
    weer0026
        5
    weer0026   96 天前   ❤️ 1
    css 这块逃不掉的,页面有定制要求的我还是要找前端帮着写,术业有专攻。
    waiaan
        6
    waiaan   96 天前   ❤️ 1
    离开了 CSS,还要前端干嘛?
    yaphets666
        7
    yaphets666   96 天前   ❤️ 1
    什么框架都没有自己手写快
    css 那也不叫框架 都是写了一些原子类 一样要写类名的
    自己手写要快多了
    学下基本的
    然后再学下 flex 布局
    进阶的 css grid
    我是个前端 我觉得 css 真的很简单 背一下就行了
    wgbx
        8
    wgbx   96 天前   ❤️ 1
    css 实在不想学,单学 flex,解决大部分布局问题
    sevenzhou1218
        9
    sevenzhou1218   96 天前   ❤️ 2
    php 出身,一直觉得作为 phper,不会写前端页面,就不是个好的 phper...
    IsaacYoung
        10
    IsaacYoung   96 天前   ❤️ 1
    <<css 权威指南>>
    USAA
        11
    USAA   96 天前   ❤️ 1
    css ? 简单? 你去 codepen 看看,哪个简单了?
    XCFOX
        12
    XCFOX   96 天前   ❤️ 1
    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   96 天前   ❤️ 1
    现在各个框架的网格组件已经能解决大部分布局问题了 基本不需要 css 而且又快
    而且效果不要太复杂的, css 了解一下也很快就能搞定
    cof404
        14
    cof404   96 天前   ❤️ 1
    flex + grid + 组件库,现在的 css 已经比以前友好很多了
    zaul
        15
    zaul   96 天前   ❤️ 1
    flex 一把梭
    Hoshinokozo
        16
    Hoshinokozo   96 天前   ❤️ 2
    CSS 其实基本规则很简单,没多少东西,多背多练就会了。复杂的 CSS,像网上各种炫酷特效什么的,基本上跟 CSS 本身关系不大了,更多的是思路+图形学+美工技术了
    akakidz
        17
    akakidz   96 天前   ❤️ 1
    flex + grid + 组件库👍
    cmdOptionKana
        18
    cmdOptionKana   96 天前 via Android   ❤️ 1
    你这种情况,就该学 bootstrap,一个主要原因是它帮你适配了大屏幕和手机屏幕,省了你再学那些细节。

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

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