V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
SGL
V2EX  ›  程序员

后端如何快速入门前端?

  •  
  •   SGL · 14 天前 · 4347 次点击
    后端新手,上学的时候贼讨厌前端不想学,比较反感在那里扣样式。

    但是这几天在自己在结合 llm 开发各种小玩具的时候,发现前端还是必不可少的。

    并且,有了 llm 的帮助,也不用很麻烦的去扣各种小样式了,直接生成然后人来调一调就好。导致我对前端的接受度大大增加。当然主要还是自己开发一些网页小工具有这个需求。

    并且,我这里用前端也不需要成为什么前端懂哥,说的现实点就是,能跟 llm 协作就行。

    以我现在的前端水平甚至不太改的动 llm 给出的前端代码,只能一遍一遍让 llm 通过 prompt 自己去迭代。这个掌控感

    以及效率都太低了。
    48 条回复    2025-04-11 20:05:06 +08:00
    wyntalgeer
        1
    wyntalgeer  
       14 天前
    你是否在找 cursor.com
    SGL
        2
    SGL  
    OP
       14 天前
    @wyntalgeer 正是找了 cursor 的替代品 Trae 之后才萌生的传统你入门的想法🐶,有点搞不懂 claude 生成的前端代码
    SGL
        3
    SGL  
    OP
       14 天前
    @SGL 改不动
    z7356995
        4
    z7356995  
       14 天前   ❤️ 1
    让 cursor 生成代码时每行写注释,代码看不懂,注释总看得懂吧
    FlorentinoAriza
        5
    FlorentinoAriza  
       14 天前
    @z7356995 #4 流程控制等还是困难的,我也是前端学的困难,特别 js
    ccpp132
        6
    ccpp132  
       14 天前
    简单学一个框架,然后套控件库就行了
    Yanlongli
        7
    Yanlongli  
       14 天前
    招个前端牛马
    layxy
        8
    layxy  
       14 天前
    如果你只是做个管理后台,前端并不难,有很多现成的后台模版,然后套 ui 库就行了,前端 js ,css ,html ,最难的就是 css ,现在有了 ai 编程好多了,但是涉及到复杂的组件还是不太行,比如可编辑可排序树状表格,目前仅有一些开源方案但是不完美,非开源方案商用需要付给,折腾 ai 几次没搞出来太好的效果
    z1645444
        9
    z1645444  
       14 天前
    听起来目前的瓶颈不在 JS 的部分,是事件循环的部分?多挑几个功能出来说说都怎么卡着吧,用的什么框架什么包,硬猜每个人卡住的点都不同的
    cqu1980
        10
    cqu1980  
       14 天前
    js 其实很容易,个人最头痛的是 CSS
    kzfile
        11
    kzfile  
       14 天前
    我觉得 css 很难给 ai 描述清楚需求,所以也生成不好
    wxw752
        12
    wxw752  
       14 天前
    去 B 站上随便找个机构课程白嫖一下就系统性入门了。几天的事
    gnahzraensim
        13
    gnahzraensim  
       14 天前
    同样的感受, 我也学不会前端 , 刚毕业也是写管理后台搞不定, 试用期没过, 这些年一直断断续续学前端, 始终学不会
    noyidoit
        14
    noyidoit  
       14 天前
    这么简单的需求就别想着啥快速了,慢就是快,你踏踏实实了解 css 每个属性的用处就是最快的
    Nitromethane
        15
    Nitromethane  
       14 天前
    正常,cursor 可以写代码,但是很难帮你去调试代码。
    还是需要去 b 站看些教程,入门下前端。

    我之前尝试用 ai 帮我写 pytorch 的代码,去训练一个摩尔斯电码识别的模型,后来发现困难不在于 AI 写的代码不好,而是我缺少 pytorch 的知识,导致我很难调试 AI 生成的代码。
    lancelotfh
        16
    lancelotfh  
       14 天前
    @cqu1980 最头疼的明明是前端工程化。。。
    qsnow6
        17
    qsnow6  
       14 天前
    利用 AI 提高学习效率,就算有自动挡,还是得自己会 drive
    skydcnmana
        18
    skydcnmana  
       14 天前
    如果 C#,可以用 Blazor ,直接用后端代码写前端。
    iceNa
        19
    iceNa  
       14 天前
    反过来问下各位好哥哥们,前端怎么快速入门后端,现在会一点 crud ,全是靠 springboot...。再往下不知道怎么学了。
    spritecn
        20
    spritecn  
       14 天前   ❤️ 1
    @iceNa 国内目前就只有 springboot..从这个层面上看,比前端还是容易点!
    balalaFairty
        21
    balalaFairty  
       14 天前
    说前端不难的是陷入了知识的诅咒吧。
    lasuar
        22
    lasuar  
       14 天前
    直接搜历史帖子,每个月都有后端入门
    zjsxwc
        23
    zjsxwc  
       14 天前
    《深入解析 css 》
    lujiaxing
        24
    lujiaxing  
       14 天前
    入门前端不好. 还是入门后端吧. 你可以由浅入深, 由深及浅, 由浅入深, 由深及浅, 由浅入深, 由深及浅...
    llej
        25
    llej  
       14 天前   ❤️ 1
    @iceNa 后端多简单,不考虑并发的情况下想咋写咋写
    TimPeake
        26
    TimPeake  
       14 天前
    据我了解的身边的后端,基本都是对 css 很恐惧, 还有前端工程化那些。js 语法倒没什么 ,有手就会。
    jimrok
        27
    jimrok  
       14 天前
    前端要实现效果,离不开 css ,你要想学,可以先把 css 的基本语法学一遍。然后把一些常用界面布局拿来练手,你自己实现一下自己的 css ,写不出来或者效果达不到,你就扔给大模型,让大模型给你写,再研究,就能行了。其他 js 的框架什么的,有后端思维很容易。
    WeaPoon
        28
    WeaPoon  
       14 天前
    @TimPeake #26 说的太对了,前端那些工具玩意,是真的很抵触不愿意看。
    cqu1980
        29
    cqu1980  
       14 天前
    @lancelotfh 工程化还好,就是 CSS 布局这些,尤其是缺乏美感的后端,学起来很吃力,经常抄袭出来的布局都不好看
    knowsafe
        30
    knowsafe  
       14 天前   ❤️ 1
    后端肯定 JS 没问题的,去 w3cshool 把 CSS 各种常见属性全都看一遍就完了,从原生最早的 DIV 挤 DIV 开始试,很快就理解了,遇到一些特殊的样式再去搜属性就行了。以一个项目开始试着写,反正零零散散一周就差不多学会一半了,后面再研究 vue 就好多了。
    https://www.w3school.com.cn/
    WispZhan
        31
    WispZhan  
       14 天前
    前端开发,真的除了样式最难没有别的了。我指的是 UI 样式设计,如果只是照 UI 稿切图其实也不难。

    其他的都很简单,不管是工程化还是 JS 、TS 、或者各种 UI 库、组件库。

    现在还有 AI ,普通人合理使用的话,开发效率应该至少快了一倍。毕竟试错成本低。

    觉得难都是以前的债,没打好基础、底子不扎实。 样式这玩意就有点篇美学设计了。

    ---

    当然技术选型也是很重要的。如果一上来就选一些地狱难度的 UI 库,当我没说上面的废话,比如 antd v4 以及以下版本。
    wnay
        32
    wnay  
       14 天前
    neptuno
        33
    neptuno  
       14 天前   ❤️ 1
    先选一个框架,vue 或者 react ,过一遍官网教程,然后狂学 tailwind 就行!
    murmur
        34
    murmur  
       14 天前
    说 css 难得是啥心态啊,css 是唯一一个有浏览器有个电脑就能学的东西,和 java 这种非常吃资源吃经验的不同,你无论是 1k 并发还是 100k 并发都跟 css 没半点关系

    不会要么是菜要么是学的不够多
    5261
        35
    5261  
       14 天前
    @neptuno 真的吗
    neptuno
        36
    neptuno  
       14 天前
    @5261 骗你干啥,我就是后端自学前端(当然肯定达不到专业前端水平),js 逻辑很简单的,主要是 css ,tailwindcss 官网的文档,真的写的很好,多学 tailwind ,自然就会 css 了
    twig
        37
    twig  
       14 天前
    不是(或者说不只是)「前端」难,是「图形界面」这个东西难。需要同时管理事件、数据,还要让用户看着舒服、用着舒服。
    sn0wdr1am
        38
    sn0wdr1am  
       14 天前
    欲速则不达,非要快:

    那就是 AI 。

    凑合用~
    5261
        39
    5261  
       13 天前
    lim3
        40
    lim3  
       13 天前
    learn by doing ,让 cursor 出一个原型,如果想学习 css ,按照原型去复现一遍,写多几次就发现很多都是重复的,例如 flex 布局实现居中或者空间分配;如果想学习 js ,使用 vue 或 react 复现交互逻辑,大多就是点击、输入事件的绑定、触发 api 请求、状态设置。
    jqtmviyu
        41
    jqtmviyu  
       13 天前
    css 写得差, 最多长得丑. 但工程化可太恶心了.
    以这两天在看的 vben 为例: 从 1.x 2.x 5.x , 改了 n 版.
    换一个工具, 变更一份配置模板.
    升级下依赖, 配置又不相同.
    心情好重构下, 项目结构大变样.
    windicss => unocss => tailwindcss
    yarn => pnpm => pnpm-workspace
    jtest => vitest
    通用 config 配置 => 抽成 vite 插件 => 发布成 npm 包

    想看下页面逻辑, 在 n 个文件夹内跳来跳去.
    windliang
        42
    windliang  
       13 天前
    changepll
        43
    changepll  
       13 天前
    的确我就是楼上说 js 写功能逻辑,实现页面上的操作倒还算得上得心应手, 至少和合作过的前端里 10 个有 8 个是略逊于我的.
    但调整页面上的 css 或是其他方面的, 就真的就剩逃逃逃了. 有些前端真的是只会写页面, 交互对他们来说太难. 反过来后端也是一样
    THESDZ
        44
    THESDZ  
       13 天前
    tailwindcss + vue + 前端框架 + Electron 基本够用。
    zb1141920796
        45
    zb1141920796  
       13 天前
    @TimPeake 别说干后端的了。。。干前端的看到这些也头疼,有时候一个配置出问题或者包不兼容,你搞半天都搞不出来,那些工程化有些东西真的得知道源码才好调,要不然一些配置之间的关联关系,出点问题,项目就启动不起来。。。
    skallz
        46
    skallz  
       13 天前
    每隔一段时间都能看到这种主题。。。其实无论前后端,真要入门写个小工具都不难(仅指入门,非一线干活),最多两个星期就搞定了,以前没 ai 都是这么过来的,编程思想都是相通的,说不会的基本都是没有投入精力认真去学去实践
    sincw
        47
    sincw  
       13 天前
    = =自己建个站做个 app 啥的就好了
    slamslam
        48
    slamslam  
       13 天前
    直接上 bolt 或者 V0 ,或者 cursor 这类的 ai 编程软件辅助,很好上手的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2885 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 14:41 · PVG 22:41 · LAX 07:41 · JFK 10:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.