# 2024 年度报告：你好，大模型

> 记录 2024 年的工作经历、技术成长、对于大模型以及生活的一些感想

- 发布于：2025-04-11
- 更新于：2025-04-11
- 分类：个人记录
- 标签：annual-report
- 原文：https://chanx.tech/blog/2024-rewind

记录 2024 年的工作经历、技术成长、对于大模型以及生活的一些感想

<!-- more -->


![AQHcbm85ForTuYxaD5cc2RPlnGr](https://cdn.chanx.tech/image/AQHcbm85ForTuYxaD5cc2RPlnGr.jpg)

> 系统提示词：你是一个有三年经验精通写缺陷的辣鸡前端开发，你需要对过去的 2024 年进行总结。参考《2023 年度报告》编写完整的文章，使用 Markdown 格式，文字需要像正常人类一样，请直接输出文章内容。


# 前言

> 差不多冬至 一早一晚还是有雨 -- 《葡萄成熟时》歌词


按惯例更新年度报告，属于年更博主的觉悟（目标管理）

冬至就新建文档，希望尽早完结，大概率是不行的（预期管理）

今年师弟的年度报告咕咕咕，我不咕就是赢（横向对比）

# 聊聊工作

> 引用 2024 的工作签名：Imagine and make magic


## **你看我这饼，又大又圆**

**讲故事都是从「很久很久以前」开始的。** 刚来新公司的第一天，飞书就冒出需求讨论的日程，有着前司入职即干活的先例，这都不是事～会议室里两个陌生人给我叽里咕噜地说了一大堆话，问我这个饼大不大香不香。那程序员标准话术得用上吧，我只能先跟他们讲「**你这个很难，需要再看看**」，再不行来个「你说得有道理，下来我们再对对」。

同一天，+1 也给我拉了个会，给我讲了一个他是他，但他不是他的故事，问我想做什么，我说我不知道。后面才知道是两个同事重名，HR 给我分配错直属上级（摊手无奈）。第二天喜提甲流，一测体温 40 度，正所谓入职即巅峰。大晚上烧麻了，蠕动到医院抽血开药，回去直接躺了四天，同事大概也许可能觉得我要提桶跑路。

我们需要做：大模型来生成网站，高情商叫 AI 建站，低情商叫 AI 套壳。这个时间点模型编码能力并不强，v0 此时还在走对话生成 React 组件。想要生成一个整站项目，天方夜谭。至于究竟要做到什么程度，服务什么人群这些，团队内其实还是模糊的，探索会议一轮接一轮。摸不清前面的路，那就先走一步是一步，船到桥头自然直。敲下第一行代码，原始版的示例程序就开始形成模样。虽然 demo 不是很完整，但确实能看出来这个饼，确实又大又圆。

## **你好，Wegic**

一群人在封闭会议室里酷酷干，这个新项目就这么跌跌撞撞地跑起来。

产品名字的来源也挺有意思，web + magic = wegic，前端切图仔升咖成网页魔术师。

团队内优秀的设计师带来了三个可爱的吉祥物，整个产品瞬间生动形象起来。

![Mzklbe18io8Sb6x3nDdchegqnab](https://cdn.chanx.tech/image/Mzklbe18io8Sb6x3nDdchegqnab.jpg)

2024 年 5 月 14 日，产品在 Product Hunt 发布。这是我第一次知道有这么一个平台，每天都有创意的点子在上线。

![HiqMbL9tRoLtsMxKWjTcSMHmnrF](https://cdn.chanx.tech/image/HiqMbL9tRoLtsMxKWjTcSMHmnrF.jpg)

同一天 GPT-4o 发布，编码能力较 GPT-3.5 有显著提升。团队收到消息后立马就准备更换底层模型和调整宣传物料，把这个带着当时最新模型能力的产品推送上线。整个打榜过程属于是惊心动魄，靠着新模型的曝光流量和团队的努力，最终有惊无险拿下 Product Hunt 当天日榜第一。

![V2nVbpdc0oh9SexGkuSctllHnzc](https://cdn.chanx.tech/image/V2nVbpdc0oh9SexGkuSctllHnzc.jpg)

那天转发的宣发视频，底下评论都是：好快！**总而言之，这真是天时地利人和**。

在此之前，我也会反复地想这个还不成熟的产品能不能得到用户认可。

回想起在前司团队做的一项业务，花费比较长时间在打磨细节，在获取内外部目标用户反馈上做得不太好，最后的结果平平无奇。

当然，用户反馈是混乱的，还要提取关键信息，找到合适的方向，不要忘记出发点。

> 原文：https://www.kitze.io/posts/saddest-just-ship-it-story-ever
> 译文：https://www.ruanyifeng.com/blog/2024/07/weekly-issue-308.html


![XCZlbbrtKoNSNbxTNpbcjYqMnFc](https://cdn.chanx.tech/image/XCZlbbrtKoNSNbxTNpbcjYqMnFc.jpg)

## **同志，你是干什么工作的**

### **日常切图**

实际上推进新业务的过程并不顺利，不像大厂有成熟的配套基础设施建设，我在公司的知识库转了一圈发现什么也没有。不仅是基建没有，甚至团队的知识库也是空空如也。

第一个坑是组件库。看着设计稿比较简单，不需要太长的排期。但没有现成可用的基础组件库，一切都需要从零开始。开始先引入 arco 把功能做了，然后再慢慢覆盖样式做业务的设计风格。产品内有一套成熟的基础组件库真的很重要，至少沟通和开发的成本已经减少很多。

第二个是交互细节。简单的比如鼠标移动、悬浮、单击、双击，工具栏弹出、定位、碰撞、动画，甚至各种交互的复杂互斥共存条件。这种交互细节不同于技术方案，很难在一开始就全面枚举，需要持续地迭代。最好的方式就是以用户视角深度体验产品，慢慢就会发现很多用户体验的问题。这里分享一篇前端开发在用户体验细节实践的博客：[浅谈 Follow 中的设计理念 | 静かな森](https://innei.in/posts/design/design-concepts-in-follow-app)。

第三个是还原样式。切图离不开样式，设计总能想出来各种好玩的效果。同样一个属性在不同浏览器表现不一致，同一浏览器版本之间的 不一致，同一浏览器不同终端也可以不一致。兼容性让你每天都学会一个小细节，在这里**我愿称 safari 为现代 IE 浏览器。**

![R3JJbFuXMoA3Zdxb7TVcm3D1nac](https://cdn.chanx.tech/image/R3JJbFuXMoA3Zdxb7TVcm3D1nac.jpg)

### **搞搞工程**

敲下第一行代码！新项目没有技术债务，选型上会相对自由。

技术方案的选择有很多，合适的才是最重要的：

- 主要技术栈直接跟公司内部业务保持一致：减少协作成本，方便摇人

- 依赖版本拉到最新稳定版：减少依赖的历史债务，获得新特性和漏洞修复

- 业务选择 Reactjs 而不是 Nextjs：当前业务没有强诉求，选择开发坑少点的框架

- yarn 改成 pnpm 工具链：当前 pnpm 更友好的 DX ，也为接入 pnpm workspace 做铺垫

- 接入 i18n 框架：前期接入成本远远低于后期接入成本，长期迭代的项目可以先做

- 代码规范和流水线检查：代码劣化是光速的，多人协作必须做，永远不要相信同事提交的代码

**第一个是包管理工具。** 我直接选择 pnpm 起手，它有更友好的开发体验。依赖工具的变化，存量项目需要检查依赖关系及产物，新项目没有这一方面的担心。这里额外推荐一篇文作为解释：[为什么现在我更推荐 pnpm 而不是 npm/yarn?](https://juejin.cn/post/6932046455733485575)

问题在于内部全面使用 yarn 做依赖管理，推进新的包管理工具存在挑战，整个研发流程都需要进行改变。首先要进行改造和宣讲，让同事感受到 pnpm 带来的温暖，也要上 `only-allow` 进行额外的限制，避免同事和`yarn`纠缠不清。其次还要更新部署镜像，保证开发和构建全流程的环境一致。

**第二个是持续集成。** 新项目在开始就要把这个事情做好，多人协作的场景下，代码劣化真是光速的。本地的代码提交检查大致有： `Eslint + Prettier`、`TypeScript 类型`、`Husky + lint-staged + commitlint`。当然还要防止同事偷偷地使用逃逸大法绕过本地检查，还需要搭建远程仓库的流水线检查。内部用的`Gitlab`，需要找运维协调`Gitlab Runner`资源。

这里比较好玩的是，研发团队对于持续集成这件事并不重视。我在推进这件事的时候遇到的有趣观点：存量代码不好处理、代码检查前端不会配置、`Gitlab Runner`需要额外的机器、修复代码检查的错误需要时间，种种原因导致项目没有代码检查。**在我的角度看来，一个长期多人协作的前端项目连 eslint 确实是匪夷所思。**

### **搞搞代码**

项目里的持续集成是保代码下限的，代码上限则需要代码设计来做到。

「好的架构是进化来的，不是设计来的」

「好的架构也应该让业务尽量感知不到“架构”的存在」

尽管项目的复杂度远远没有到架构设计一说，但是很多常见的地方还是可以注意的。

- 长函数拆解

- 静态代码如常量类型定义和函数的代码拆分

- 业务逻辑按模块拆分，高内聚低耦合

- 组件逻辑封装注意拆解视图和非视图逻辑

- 还有像配置化、组合式、设计模式等等一些实用的方法

个人推荐《重构，改善既有代码设计》这本书，看完后会有不错的认识。

### **搞搞新东西**

下半年团队给了一段时间做功能探索，算是一个小型的黑客松。

跟几个不同方向的同事组成小队，组合各种稀奇古怪的功能做些好玩的东西。

这段时间每天都在点各种平台和文档，体验 coze、dify、fastgpt 等新产品。

- 用向量知识库做问答助手，可以是网页、文档的智能客服，也可以是某个风格的数字人

- 通过生图应用，根据主题生成多张同风格的图片嵌入到网页内，提高美观度

- 结合爬虫和大模型做网页信息提取，挖掘页面内的关键文本信息，做进一步处理

每天都在体验新功能，感受新技术带来更易用的功能，更低的集成成本。

我的学生时代为什么没有大模型，我真的不想翻文档学习 API（笑。

## **成为 10x 程序员**

内部经过一轮业务调整，下半年建站业务的队伍异常壮大。

认识不少新的小伙伴，他们有不一样的经验或观点，在需求合作过程互相学习。

日常交流过程，也给团队内校招同学分享了一些我自己觉得很不错的工作经验。

- **有效的信息留痕。** 日常工作留下有效的文档或者结论，既能提高效率，也能在工作中保护自己

- **工作二八定律。** 每天工作时间只有 80%，要留出一些缓冲时间处理其他事情，比如会议、值班等

- **提问的艺术。** 提出问题或者发起会议给对方描述清楚问题或背景，减少无效沟通

在大模型的加持下，研发的工作方式正在发生巨大变化，就像是产研流程全链路按下了加速键，各个阶段都插上了大模型做的翅膀。**懒就是第一生产力，多使用工具解决的事情，把自己从低效的事情释放出来**。

用代码迁移场景举例，最笨的方法就是每行代码人工迁移；传统方法可能是人工抽象一个 AST 脚本做转换，但现在可以直接用大模型完成 AST 脚本的编写，甚至直接用大模型完成代码迁移。

在开发需求的过程，还能抽空让 AI 写点好用的工具，降低排查问题的成本。

**当然，好用的工具可以分享给团队，给团队带上 10x 的效率加成。**

## AI，让世界充满爱

**如果说 2023 年是大模型元年，那 2024 年就是大模型梦想年。**

过去十五年，我们讲数字化，互联网+，移动生态，网络更新。

下一个十五年，我们讲智能化，AI+，设备更新，智能生态。

2024 年已经出现不少富有想象力的应用，让我们看到大模型的魅力。

或许明年，大模型就从互联网走到各行各业，影响到更多普通人，我们拭目以待。

大模型的落地，也催生了程序员行业已死的观点。

**我认为，AI 不是替代者，而是辅助者，我们的核心能力是辨别和使用工具。**

在自身专业能力靠谱的前提下，我们才能使用大模型进一步提升目标达成的效率与质量；

相反，它也能让我们更便捷地获取信息，轻松实现跨界探索，但真实性就需要打上问号了。

![IMhub54eioUwh5xmGGgcLi6tnCH](https://cdn.chanx.tech/image/IMhub54eioUwh5xmGGgcLi6tnCH.jpg)

# 折腾怪

> 保持好奇心、保持想象力、保持创造力


成年人有成年人自己的玩具，记录下我折腾的东西，有物理玩具，也有数字玩具。

今年入手了些新设备，全力拉动 GDP 增长，成为经济发展的小螺丝钉！

## **绿联 NAS**

入手动力：腾讯视频会员不能看 4K 视频，还得整个 SVIP 那我为什么要年费？

体验：变成 BT下载 + 夸克 + 4K观影的电子仓鼠，随时随地掌控播放进度

![OmiDbsVbFovlToxeRW0c67Wfn7g](https://cdn.chanx.tech/image/OmiDbsVbFovlToxeRW0c67Wfn7g.jpg)

## **ipad mini**

入手动力：京东补贴，看剧看小说的过渡设备...娱乐是生产力好吧

体验：上手很舒服，平时拿来看微信读书和看剧，使用频率不高，建议打折低价入手

## **Macbook Pro**

入手动力：国家补贴太香了，刚好需要一个生产力设备，用了一段时间 wsl 很多问题

体验：高频使用，随时随地大小编，边娱乐边看 AI 写代码，丝滑的翻盖开关和长续航

![Oj5Zb8tApopUFsx684Ic4A8xnwc](https://cdn.chanx.tech/image/Oj5Zb8tApopUFsx684Ic4A8xnwc.jpg)

## [**larkdocs2md**](https://larkdocs2md.chanx.tech/)

去年写的文档导出工具，想把自己个人号的飞书文档导出来放博客上面

一个半成品玩具，只能搞搞简单的文档，没想到有几个外国人用，甚至发现还有同事 fork了一下

花时间整了好看的样式，但是看网上有几个功能完整的成品，我这个半成品玩具很尴尬（笑

![AUdFbyJHlofeNnxOQ9ScrOATnKb](https://cdn.chanx.tech/image/AUdFbyJHlofeNnxOQ9ScrOATnKb.jpg)

## **ohmyinterview**

去年社招时体验牛客网的智能面试，深度吐槽什么破功能，纯画饼

今年想起来大模型跟这个场景的匹配度还蛮高，搞了个好玩的玩具

核心流程：给定领域和题目、在线录音、语音转文字，大模型评分

还模仿「推特性格总结」写了个提示词，这个阴阳怪气的回复比主流程更有意思

![W3YLb1fhuo8wAdxi6NFc6DmCnhc](https://cdn.chanx.tech/image/W3YLb1fhuo8wAdxi6NFc6DmCnhc.jpg)

玩具体验中也发现核心卡点在语音识别上，中英混杂以及行业术语极大影响识别率

或许接入更强的语音识别、微调识别关键词、直接使用多模态模型这些方法能解决

评分标准上需要调整提示词，更精确的话可以组一个八股文的知识库做 RAG

完善一下这个链路感觉是个不错的小产品，高校在读或在找工作的同学应该有不少诉求

## **书签管理工具**

作为电子仓鼠，巨多的浏览器书签一直困扰我

于是用 cursor 搞了一个 web 网页管理书签，希望接入大模型打标分类

可能画的饼不够清晰， cursor 的 composer 模式在一通乱搞，代码改不动了

不过我相信以目前模型的迭代速度，重新填坑不会太遥远

## [**Follow**](https://follow.is/)

浏览器收藏不少博客，也订阅了不少期刊，各种信息渠道需要聚合过滤一下

看见 rsshub 的仓库感觉还蛮惊喜，打算自己动手搞个 rss 阅读器

没想到一个月之后 Follow 就出内测了，很幸运拿到一枚邀请码提前体验到了

每天打开必看大模型动态、前端新闻、博客更新，跟看报纸差不多（哈哈

前期也给 Follow 提了几个 PR，梳理了一遍简中/繁中文案，修了一些样式问题

我只能说：在贡献榜短暂地露脸，赢麻了

![BJScbipxAoB2WuxDrs6cVvD2nZf](https://cdn.chanx.tech/image/BJScbipxAoB2WuxDrs6cVvD2nZf.jpg)

# 零零碎碎

> 记忆的碎片，拼成回不去的过往


「今天黄昏这么美，不拍一张吗」

![JcvybSr6ioTAoWxShuCcgy2nn9f](https://cdn.chanx.tech/image/JcvybSr6ioTAoWxShuCcgy2nn9f.jpg)

「专家说，写代码的同时看飞机可以有效降低缺陷率」

![YZjcbpEX9oy5qXxZFRCcODdUnWb](https://cdn.chanx.tech/image/YZjcbpEX9oy5qXxZFRCcODdUnWb.jpg)

![ZArDbOPGWoOJpxxMruecEjbfnRh](https://cdn.chanx.tech/image/ZArDbOPGWoOJpxxMruecEjbfnRh.jpg)

「天空是蔚蓝色，窗外有千纸鹤」

![EneObLsp9o6NNmxSrdqcXc5KnTf](https://cdn.chanx.tech/image/EneObLsp9o6NNmxSrdqcXc5KnTf.jpg)

「工作之余来场黑客松」

![XE3xbb6ENoctyDxJb4bcuUlRn1c](https://cdn.chanx.tech/image/XE3xbb6ENoctyDxJb4bcuUlRn1c.jpg)

「震惊！上班竟遭后勤同事白眼...」

![Wp56bTHWXoTVhcxIpMQcvmSOnBg](https://cdn.chanx.tech/image/Wp56bTHWXoTVhcxIpMQcvmSOnBg.jpg)

「好像来过，又好像没走过」

![BboubljYkoAbJnxVIX2ceyNRnjc](https://cdn.chanx.tech/image/BboubljYkoAbJnxVIX2ceyNRnjc.jpg)

「纵有狂风拔地起，我亦乘风破万里」

![N2fpbmmwxonre3xOQqOcbPF1nDc](https://cdn.chanx.tech/image/N2fpbmmwxonre3xOQqOcbPF1nDc.jpg)

![GhgzbI6bQoUn6LxJHH8c9RQonaf](https://cdn.chanx.tech/image/GhgzbI6bQoUn6LxJHH8c9RQonaf.jpg)

「冬天到了，春天也就来了」

![ZRKOb7Gg9oWZY6xv3sicbzqbnfc](https://cdn.chanx.tech/image/ZRKOb7Gg9oWZY6xv3sicbzqbnfc.jpg)

「网易云十级了，毕业！」

![UfptbFSKLoZqLjxsxM3cXBXKnTe](https://cdn.chanx.tech/image/UfptbFSKLoZqLjxsxM3cXBXKnTe.jpg)

「网易云没周杰伦版权啊，只能听医生的话」

![Pu1fbity5o1n32xEucccEaDznld](https://cdn.chanx.tech/image/Pu1fbity5o1n32xEucccEaDznld.jpg)

# 小小的我

> 整理旧电脑发现一段 2015 年写的作文，标题是《年风年味年不同》
> 你成熟了 不会失去格调吧 -- 《给十年后的我》歌词


春节，是中华民族最为隆重、最具特色的传统节日，是家人团圆的美好时刻，也是中华民族的传统文化。人们在春节都尽可能地回到家里和亲人团聚吃饭和祭祖拜神，来表达对未来一年的热切期盼和对新一年生活的美好祝福。

在春节这样如此隆重的传统节日中，自然也少不了许多春节的风俗习惯。比如说在春节前夕需要扫尘，家家户户都要打扫环境，清洗各种器具，拆洗被褥窗帘，清洁多尘地方，到处洋溢着欢欢喜喜搞卫生、干干净净迎新春的欢乐气氛。然后便是办年货，贴春联了，王安石《元日》中就说到了：“爆竹声中一岁除，春风送暖入屠苏。千门万户曈曈日，总把新桃换旧符。”在这个时候，无论城市还是农村，家家户户都要精选一幅大红春联贴于门上，春联红红的颜色更是为节日增加喜庆气氛，示意新一年红红火火。

到了除夕夜的夜幕降临，万家灯火通明，家人团聚一起吃饭，一起守岁迎接新年到来。夜晚十二点钟声响起，漆黑的夜里传来一阵一阵的烟花爆竹声，这样春节就到了。正月初一，大家都带着礼物和红包互相上门祝贺拜年，场面十分之热闹。

随着社会的日益发展，春节与往年年有新花样，年年有不同。在以往，每逢春节都要烧不少烟花爆竹，伴着声声炮响，年味也是浓浓的，可如今由于环境污染，这样的做法开始减少。交通的发达和方便了，现在更多的人热衷于家庭大团聚，以前只是一家小几口团聚，现在却是一家几代十几口人一起聚会，因为有些人的家里亲戚比较多，一家一家地走，直到上班前一天才能全部走完，天天都在奔波中。到现在大家一起聚会，这样的话，往年需要四天做的事情现在只要一天就完成了，剩下的三天时间就可以自由发挥，而且这一天人到的特别齐，虽然说人多吃饭可能会拥挤，可是大家团圆在一起趁这个机会畅所欲言，谈谈一年来的工作情况，诉一诉生活上的苦衷和感慨，彼此之间没有半点隔膜，心与心之间贴得格外的近，场面也特别热闹。

随着科技的进步、互联网的普及，过年问候也多了。各种各样的新年活动也随之兴起，像QQ、微信这样的聊天软件越来越多，功能也越来越全，视频，语音等等，就算作客他乡，随时随地都可以发祝福问候好友。亲戚间也不用见面才发红包，只要大家同在一个聊天群就可以抢红包，也不用说拿着个口袋专门装红包。

在快节奏时代，虽然很多传统观念不断被颠覆，年风年味每一年都在不断地改变当中，改变使得年过得既“健康方便”又“绿色环保”也不失年味，但回家过年的脚步依然没有停止，因为只有大家团聚，这样过年才会更加有意义。 

好好好，都玩大模型了，不得让大模型打个分，感谢 Deepseek - R1 跨越时间的评价。

> 评分建议：二类上（45-48/60）
> 亮点：  主题明确，传统年俗（扫尘、春联、爆竹）与现代变迁（线上红包、云聚会）对比清晰，结构完整；引用《元日》、环保与科技素材展现文化传承与时代感。
> 提升点：  ①传统与现代融合的思辨不足，如环保与传统习俗的矛盾可深入；②语言偶有赘述；③情感共鸣可增强（如具体团圆场景描写）。
> 简评： 选材典型，结构工整，但议论稍浅。若加强细节描写与思辨深度，可冲击一类文。


让 R1 大哥再来个升华主题：成长的过程，总让我们对年味有了不同的感受。年味是否浓烈并不取决于外在的热闹，而源于我们是否真正发现并珍惜自己，找到属于自己的生活节奏和价值。我们或许可以学着用自己的方式去发现、去创造属于自己的“年味”。

# 结束语

2024 年北京的冬天没有雪花飘飘，只有风和落叶。

树叶乘风而起，一些在天上，一些在地上，一些在路上。

灯笼微亮，照亮漆黑的路。

走过这个路口，是新年。

那下个路口，又是什么。

**你好，2025！我正在路上。**

![HgLGbRB6foMl64x1PgPcn6nOn9f](https://cdn.chanx.tech/image/HgLGbRB6foMl64x1PgPcn6nOn9f.jpg)