前言
接近8.9年老前端了,34岁,双非普本,坐标广州,25年底被裁员,然后这三个月内也有去投简历,也有面试,有一些推进到二面然后就没有下文,不禁感叹现在的大环境实在不怎么样,而且前端在AI的冲击下也是最受影响的,除了音视频,图形化方面还能蹦跶一下,AI已经能完成80-90%的前端工作,在学历以及就业背景都不是特别强的情况下,一般的前端哪怕你技术还不错,你也很缺竞争力;在失业这三个月经历了持续学习、迷茫到看到曙光,决定要转型自学做AI agent;
大纲
- 前一天心路历程
- 前一天的时间分配(不限于学习,也会有运动)
- 前一天的知识总结(前期或许较少)
心路历程
不知不觉已经失业快四个月了,从前三个月的迷茫到现在有比较确定的方向跟目标,摆脱了那种失魂落魄的感觉,真的,那种感觉不知道自己的意义是什么,有时候压力大到呼吸都是难受的,现在总算好起来了,每天看着自己的博客的知识体系丰满起来以及知识灌输到大脑的感觉真好
时间分配
这两天其实学习的时间比以前少了,反而开始有点实践出真知的想法,觉得有必要把学到的东西转化为一个实际产出的项目,刚好这两天有点怀念之前写日报/周报的郁闷的感觉,所以打算做一个项目,其实也就花了一个小时确定好产品核心,一个上午就结合AI就做出来了,玩具级的产物项目,不难实现,但是我感觉还是很有意思,起码是个闭环完整的项目
知识总结
项目:日报周报生成器(访问需要科学上网🪜)
ReportFlow
访问地址:report-flow-ld9w.vercel.app/
基于 AI 驱动的轻量级工作汇报生成器，致力将琐碎记录转化为专业文档。
工作流程
- 配置：本地存储 API Key (由阿里云百炼提供)。
- 输入：罗列工作事项原始要点。
- 加工：AI 润色，生成结构化的 Markdown 报告。
技术栈
| 分类 | 选型 | 说明 |
|---|---|---|
| 框架 | Next.js 16 | App Router 架构 & Turbopack |
| 语言 | TypeScript | 全栈类型安全 |
| 视图 | React 19 + CSS Modules | 无第三方 UI 库，极致性能 |
| AI 模型 | DeepSeek-V3 | 部署于阿里云百炼平台 |
| 解析器 | React-Markdown | 专业的 Markdown 渲染引擎 |
核心技术要点
- 零数据库依赖 ：API Key 仅存储于用户浏览器的
localStorage中，100% 隐私保护。 - 自定义 Markdown 渲染 ：利用
react-markdown深度定制组件，解决div嵌套p等 HTML 合规性与水合问题。 - 智能交互系统 ：
- 图片预览 ：基于 React 状态管理的
ClientGuide组件实现图片点击全屏放大。
- 图片预览 ：基于 React 状态管理的
- 第三方核心库 ：
remark-gfm: 扩展支持 Markdown 表格、任务列表等高级语法。
快速开始 ：npm install && npm run dev
目标
成为AI agent工程师并且就业
帮助
需要大家的关注跟点赞,你们的关注点赞就是对我最大的鼓励,或许以后待以后我技术成熟时,你们中间的大佬还可以捞一捞我,感谢