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

后端如何快速入门前端?

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

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

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

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

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

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

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

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

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

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

    ---

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

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

    那就是 AI 。

    凑合用~
    5261
        39
    5261  
       6 天前
    lim3
        40
    lim3  
       6 天前
    learn by doing ,让 cursor 出一个原型,如果想学习 css ,按照原型去复现一遍,写多几次就发现很多都是重复的,例如 flex 布局实现居中或者空间分配;如果想学习 js ,使用 vue 或 react 复现交互逻辑,大多就是点击、输入事件的绑定、触发 api 请求、状态设置。
    jqtmviyu
        41
    jqtmviyu  
       6 天前
    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  
       5 天前
    changepll
        43
    changepll  
       5 天前
    的确我就是楼上说 js 写功能逻辑,实现页面上的操作倒还算得上得心应手, 至少和合作过的前端里 10 个有 8 个是略逊于我的.
    但调整页面上的 css 或是其他方面的, 就真的就剩逃逃逃了. 有些前端真的是只会写页面, 交互对他们来说太难. 反过来后端也是一样
    THESDZ
        44
    THESDZ  
       5 天前
    tailwindcss + vue + 前端框架 + Electron 基本够用。
    zb1141920796
        45
    zb1141920796  
       5 天前
    @TimPeake 别说干后端的了。。。干前端的看到这些也头疼,有时候一个配置出问题或者包不兼容,你搞半天都搞不出来,那些工程化有些东西真的得知道源码才好调,要不然一些配置之间的关联关系,出点问题,项目就启动不起来。。。
    skallz
        46
    skallz  
       5 天前
    每隔一段时间都能看到这种主题。。。其实无论前后端,真要入门写个小工具都不难(仅指入门,非一线干活),最多两个星期就搞定了,以前没 ai 都是这么过来的,编程思想都是相通的,说不会的基本都是没有投入精力认真去学去实践
    sincw
        47
    sincw  
       5 天前
    = =自己建个站做个 app 啥的就好了
    slamslam
        48
    slamslam  
       5 天前
    直接上 bolt 或者 V0 ,或者 cursor 这类的 ai 编程软件辅助,很好上手的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   948 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:06 · PVG 05:06 · LAX 14:06 · JFK 17:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.