• 请不要在回答技术问题时复制粘贴 AI 生成的内容
YanSeven
V2EX  ›  程序员

后端如何快速入门前端?

  •  
  •   YanSeven · Apr 10, 2025 · 6953 views
    This topic created in 572 days ago, the information mentioned may be changed or developed.
    后端新手,上学的时候贼讨厌前端不想学,比较反感在那里扣样式。

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

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

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

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

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

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

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

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

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

    ---

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

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

    那就是 AI 。

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

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