三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

前端工程师:先把大模型用起来,而不是盲目急着转行

前端工程师:先把大模型用起来,而不是盲目急着转行

我做了六年前端。说出来不怕丢人,上个月组里新来的一个应届生,写页面的速度把我看愣了。不是他多懂底层原理,是他左边开着编辑器,右边开着个对话框,嘴里念叨着"再来个带搜索的表格组件,分页要后端给的总数",代码就一段段往外冒。我端着杯子在他旁边站了得有五分钟,心里那点不舒服,我自己都没法装作没看见:照这个节奏,我这套手写组件、调样式、对着接口文档对字段的活,是不是慢慢就不值钱了。

其实这种不安不是头一回。去年公司采购了一套带智能提示的编码辅助,行政还发了封邮件说"未来人人都是开发者"。我当时冷笑一声,觉得又来忽悠。可这次应届生是真把我噎住了,他敲得没多快,但几乎不卡壳,遇到不会的组件 API 当场问当场改,我当年得翻半天文档。

我得承认,我对这东西一开始是抵触的。去年秋天我也试过,让它帮我写个图片懒加载,结果给回来的代码我挑出三处要改,算上我重新读它写的那堆东西,比我自己敲键盘还慢。那会儿我就下了结论:花架子,玩具,回头就删了。

转机在今年三月。手头有个三年前的老项目要改版,原来的列表页是用 jQuery 加一堆手写的 DOM 操作拼的,现在要换成 Vue,还得保留原来那些歪七扭八的交互——什么点击行展开子表、批量勾选后顶部显示已选数量。我一个人对着屏幕闷头搞了两天,进度条几乎没动。有天晚上十点多,我实在烦了,就把那段最乱的旧代码整段贴进去,跟它说:帮我把这段改写成 composition API,原来的点击展开、批量勾选这些逻辑一个都别丢。它真吐出来一版能跑的。我改了几个类型报错,本地跑通,第二天提了上去,组长 review 的时候没看出毛病。那是我头一回觉得,这玩意儿不是玩具,是把还顺手的扳手。

后来我好奇那个应届生到底怎么用,午休时凑过去看了一会。他不是把需求一丢就完事,而是先把组件的入参、要返回的字段、几种边界情况用一两句话说清楚,再让它出代码,出完自己扫一遍再粘。我问他,你不怕哪天它把你这活全干了。他笑笑说,它干的是我本来就不爱干的,我腾出手想交互的事。这话有点刺我,但也点醒我:工具放大的是你本来就有的本事,你啥也不会,它放大你的不会。

从那以后我慢慢把它揉进每天的工作,有些用法是我自己磕出来的:

写正则。我对正则一直属于现用现查、用完就忘的状态。现在我就用大白话描述,比如"匹配十一位手机号,但第一位得是 1,第二位限 3 到 9",它出的东西我再逐字读一遍,确认逻辑对得上,省下的时间真不少。

读老代码。项目里那些谁都不敢碰的文件,我先让它通读一遍,帮我捋清这个函数调了谁、谁又调了它、哪个变量在哪个分支被改了。它偶尔会看走眼,但大方向能让我少绕路。至少我动手改之前心里有个数。

写注释和起名。这活最磨人,但它干得还行。我让它给一段没注释的循环加说明,它写的我能直接用,顶多改改措辞。

查样式问题。flex 那套东西我老是记混。我把报错的样子和那段代码丢给它,它经常能点出是哪个 align-items 和 justify-content 拧着了,比我自己在开发者工具里瞎试快。

造 mock 数据。联调的时候后端没就绪,我让它按接口文档生成一批长得像真的假数据,比手写那几条例子强,前端能早点跑起来看效果。有回演示前半小时后端接口还没好,我直接让它生成了二十条带层级关系的树形数据,demo 顺利跑完,没穿帮。

翻译报错。英文 stackoverflow 那些长篇报错,我贴进去让它用中文讲清楚大概是哪出问题、往哪个方向改,比我自己硬啃快。但它给的修复方向我都会再去搜一下确认,不敢全信。

写小脚本。有回要批量把一百多个 svg 文件名改成小写下划线,我懒得手动,让它写个 node 脚本,跑一下就完事。这种一次性的脏活,它最合适。

还有回 review 同事的 PR,他改了一堆表单逻辑,我懒得逐行读,让它帮我把这次改动用大白话总结成几条,我再对着代码核对。它总结得七七八八,我重点看它说不准的那几行,效率高了不少。但它偶尔会把两个函数的职责搞混,所以总结只能当导航,不能当结论。

但坑也踩过。最惨的一次,它给我写了个防抖函数,我扫了一眼觉得没问题,直接用了。上线后有个按钮点了要等零点几秒才有反应,用户以为卡了连点,真出过客诉。查了半天才发现它没处理 leading 那一支。从那以后我给自己立了规矩:它给的代码,我当成一个手快但不太靠谱的实习生的产出,必须自己过一遍,尤其是边界和异常分支。

我们组有个老哥,比我资深,到现在拒绝碰这些,说"写了十几年代码不靠这个"。上周他改一个复杂状态管理,熬了三个通宵。我默默用模型把核心逻辑理清,丢给他参考,他愣是没认出哪段是我让模型起的头。我没说破,但心里觉得,不碰不等于赢了,只是把活儿扛得更累。

我慢慢想清楚了一件事。大模型不会替我写前端,它把我从那些重复、机械、又费眼的活里拽出来,让我有更多精力去琢磨这个页面到底该怎么排、哪个交互顺手、首屏为什么慢。那些纯拼手速的活会越来越不值钱,但搞清楚"为什么要这么写"的本事更金贵了。我现在反而更愿意花时间读框架源码、搞懂一个 API 为啥这么设计,因为这些它给不了判断。

有回客户临时要演示,后天就到,我手头还有三张页面没切。我先把每张页面的交互用两句话说清楚丢给它,它出骨架,我套我们项目的样式规范和组件库,一天半就拼完了。演示当天客户没挑出毛病,组长会后拍我肩说这版挺快。我心里清楚,快不是因为我变强了,是我终于肯让工具干它擅长的。

我还摸索出个门道:把项目的代码风格、命名习惯先喂给它当背景,它出的东西就跟我们组写法一致,我改起来更顺。一开始我懒得写这些,它老按通用风格来,我得逐行调。后来我攒了个小抄,每次新开对话先贴一遍,省事不少。

我一个做前端的朋友听我念叨,问我是不是该逼组里人都用。我说别,强推反而招人烦。我自己的经验是,等你自己真靠它省下时间了,旁边人自然来问,那比开会喊口号管用。

有天我妈视频,看我对着屏幕跟对话框说话,问我跟谁聊。我说跟个帮写代码的。她半懂不懂,说那你岂不是要下岗。我笑说,它帮我写,我帮它看,谁也离不了谁。这话虽糙,但我越想越对。

(感悟)
我到现在也没打算转去做算法或者模型训练。对写前端的我来说,先把这把扳手使熟,比天天焦虑"会不会被替掉"实在。要是你也在写前端,我的真心话是:别把它供成神,也别当它是骗子。下回碰到那种又脏又急、谁都不想接的活,先试着整段丢给它,再自己改。用上一段时间,你自然就清楚哪些它能帮上忙,哪些是真得靠你自己。我也没见过谁靠这个一夜暴富,踏实用起来最要紧。

想入门 AI 大模型却找不到清晰方向?备考大厂 AI 岗还在四处搜集零散资料?别再浪费时间啦!2026 年AI 大模型全套学习资料已整理完毕,从学习路线到面试真题,从工具教程到行业报告,一站式覆盖你的所有需求,现在全部免费分享

👇👇扫码免费领取全部内容👇👇

一、学习必备:100+本大模型电子书+26 份行业报告 + 600+ 套技术PPT,帮你看透 AI 趋势

想了解大模型的行业动态、商业落地案例?大模型电子书?这份资料帮你站在 “行业高度” 学 AI

1. 100+本大模型方向电子书

2. 26 份行业研究报告:覆盖多领域实践与趋势

报告包含阿里、DeepSeek 等权威机构发布的核心内容,涵盖:

  • 职业趋势:《AI + 职业趋势报告》《中国 AI 人才粮仓模型解析》;
  • 商业落地:《生成式 AI 商业落地白皮书》《AI Agent 应用落地技术白皮书》;
  • 领域细分:《AGI 在金融领域的应用报告》《AI GC 实践案例集》;
  • 行业监测:《2024 年中国大模型季度监测报告》《2025 年中国技术市场发展趋势》。

3. 600+套技术大会 PPT:听行业大咖讲实战

PPT 整理自 2024-2025 年热门技术大会,包含百度、腾讯、字节等企业的一线实践:

  • 安全方向:《端侧大模型的安全建设》《大模型驱动安全升级(腾讯代码安全实践)》;
  • 产品与创新:《大模型产品如何创新与创收》《AI 时代的新范式:构建 AI 产品》;
  • 多模态与 Agent:《Step-Video 开源模型(视频生成进展)》《Agentic RAG 的现在与未来》;
  • 工程落地:《从原型到生产:AgentOps 加速字节 AI 应用落地》《智能代码助手 CodeFuse 的架构设计》。

二、求职必看:大厂 AI 岗面试 “弹药库”,300 + 真题 + 107 道面经直接抱走

想冲字节、腾讯、阿里、蔚来等大厂 AI 岗?这份面试资料帮你提前 “押题”,拒绝临场慌!

1. 107 道大厂面经:覆盖 Prompt、RAG、大模型应用工程师等热门岗位

面经整理自 2021-2025 年真实面试场景,包含 TPlink、字节、腾讯、蔚来、虾皮、中兴、科大讯飞、京东等企业的高频考题,每道题都附带思路解析

2. 102 道 AI 大模型真题:直击大模型核心考点

针对大模型专属考题,从概念到实践全面覆盖,帮你理清底层逻辑:

3. 97 道 LLMs 真题:聚焦大型语言模型高频问题

专门拆解 LLMs 的核心痛点与解决方案,比如让很多人头疼的 “复读机问题”:


三、路线必明: AI 大模型学习路线图,1 张图理清核心内容

刚接触 AI 大模型,不知道该从哪学起?这份「AI大模型 学习路线图」直接帮你划重点,不用再盲目摸索!

路线图涵盖 5 大核心板块,从基础到进阶层层递进:一步步带你从入门到进阶,从理论到实战。

L1阶段:启航篇丨极速破界AI新时代

L1阶段:了解大模型的基础知识,以及大模型在各个行业的应用和分析,学习理解大模型的核心原理、关键技术以及大模型应用场景。

L2阶段:攻坚篇丨RAG开发实战工坊

L2阶段:AI大模型RAG应用开发工程,主要学习RAG检索增强生成:包括Naive RAG、Advanced-RAG以及RAG性能评估,还有GraphRAG在内的多个RAG热门项目的分析。

L3阶段:跃迁篇丨Agent智能体架构设计

L3阶段:大模型Agent应用架构进阶实现,主要学习LangChain、 LIamaIndex框架,也会学习到AutoGPT、 MetaGPT等多Agent系统,打造Agent智能体。

L4阶段:精进篇丨模型微调与私有化部署

L4阶段:大模型的微调和私有化部署,更加深入的探讨Transformer架构,学习大模型的微调技术,利用DeepSpeed、Lamam Factory等工具快速进行模型微调,并通过Ollama、vLLM等推理部署框架,实现模型的快速部署。

L5阶段:专题集丨特训篇 【录播课】


四、资料领取:全套内容免费抱走,学 AI 不用再找第二份

不管你是 0 基础想入门 AI 大模型,还是有基础想冲刺大厂、了解行业趋势,这份资料都能满足你!
现在只需按照提示操作,就能免费领取:

👇👇扫码免费领取全部内容👇👇

2026 年想抓住 AI 大模型的风口?别犹豫,这份免费资料就是你的 “起跑线”!

← 返回列表