【最终版】30岁前端生存作战计划
日期：2025年2月 执行人：95年前端，已婚，上海有房，负债ing 核心原则：不裸辞、不焦虑、每天进步1%
一、你现在的位置（清醒认知）
| 项目 | 现状 | 好坏 |
|---|---|---|
| 年龄 | 30岁 | 经验丰富，体力尚可 |
| 工作 | 小公司，老板傻逼，活少 | ⚠️ 恶心但暂时安全 |
| 月薪 | 2.3万×14月 | 中上水平 |
| 月供 | 房贷1.3万+装修贷0.7万+车贷0.3万+信用卡≈2.5万 | ⚠️ 紧平衡 |
| 家庭 | 老婆年10万，有金饰兜底 | ✅ 坚强后盾 |
| 时间 | 工作日3小时+周末全天 | ✅ 弹药充足 |
| 工具 | Obsidian+NAS | ✅ 装备领先 |
一句话总结：你不是没救，你只是需要一张地图。
二、终极目标（1年为期）
| 维度 | 目标 |
|---|---|
| 工作 | 跳槽到「公积金高+不加班+通勤顺路」的公司，薪资不降或微涨 |
| 技术 | Vue深度+React广度，能扛住任何一家中型公司的面试 |
| 副业 | 开辟一条月入2000+的现金流，覆盖装修贷或车贷 |
| 心态 | 从「被动焦虑」变成「主动掌控」 |
三、落地执行方案（分模块）
【模块A】工作防御战（保住饭碗+合法摸鱼）
核心：把公司变成你的自习室，还拿工资。
A1 物理布防（今天完成）
| 动作 | 说明 |
|---|---|
| ✅ 买防窥膜 | 淘宝下单，几十块钱，明天到 |
| ✅ 贴小镜子 | 显示器上方贴个化妆镜，反射身后 |
| ✅ Chrome多用户 | 工作用户+学习用户，快捷键一键切换 |
A2 每日伪装流程
| 时间 | 做什么 | 老板看到什么 |
|---|---|---|
| 09:00 | 打开 Obsidian「今日工作.md」 | 在认真规划 |
| 09:30 | VS Code 写学习 Demo | 在研究公司项目 |
| 12:00 | 午休半小时看技术文章 | 可能在休息 |
| 15:00 | 摸鱼20分钟写笔记 | 在「技术方案沉淀」 |
| 18:00 | 下班 | 正常 |
A3 公司项目变简历（每周五15分钟）
在 Obsidian 里回答一个问题：这周我解决了什么具体问题？
格式：
# 本周亮点：2025-XX-XX
- 问题：XX页面加载慢
- 动作：加了图片懒加载+路由懒加载
- 结果：从3秒降到1.2秒
- 可吹牛指数：⭐⭐⭐⭐
【模块B】技术突围战（重建知识体系）
核心武器：时光胶囊项目 + 伪装学习法
B1 精神支柱项目：时光胶囊
一个记录回忆的个人网站，只有你能用。技术栈自由选择，但必须覆盖：
| 功能 | 技术点 | 面试价值 |
|---|---|---|
| 发布感想 | Vue3/React + TypeScript | 框架基础 |
| 时间轴展示 | 虚拟滚动/分页 | 性能优化 |
| 图片上传 | 大文件分片/MD5/断点续传 | 高频面试题 |
| 存储 | Cloudflare R2 / 你的NAS | 工程能力 |
| 登录 | GitHub OAuth | 鉴权流程 |
B2 12周学习路线图
| 周数 | 主题 | 落地动作 | 伪装文件名 |
|---|---|---|---|
| 第1周 | 搭架子 | Vue3+Vite+TS 跑起来 | 「当前项目技术栈预研」 |
| 第2周 | 发布功能 | 写感想+存数据库 | 「表单模块设计方案」 |
| 第3周 | 时间轴 | 按日期展示 | 「列表渲染性能对比」 |
| 第4周 | 图片上传1 | 分片上传实现 | 「文件上传优化方案 v1」 |
| 第5周 | 图片上传2 | MD5+断点续传 | 「文件上传优化方案 v2」 |
| 第6周 | 图片存储 | 接入R2/你的NAS | 「静态资源存储调研」 |
| 第7周 | 登录 | GitHub OAuth | 「第三方登录集成方案」 |
| 第8周 | 美化 | 写样式 | 「UI组件库选型对比」 |
| 第9周 | 部署 | 上线 | 「CI/CD流程搭建记录」 |
| 第10周 | React版 | 用React重写首页 | 「跨技术栈迁移实验」 |
| 第11周 | React版 | 完成核心功能 | 「React性能优化实践」 |
| 第12周 | 复盘 | 整理所有笔记 | 「半年技术总结」 |
B3 专项训练：面试恐惧清单
每周选1个「怕被问倒」的问题，用「三步法」攻克：
本周问题示例：大文件上传
- Step1：自己先想，能想到什么程度（分片？进度？）
- Step2：问AI「我要彻底搞懂大文件上传，从浏览器原理到后端实现，给我学习路径」
- Step3：在时光胶囊里亲手实现一个简化版
- Step4：在Obsidian写「我彻底搞懂了大文件上传」
- Step5：让AI扮演面试官追问
备选清单（按优先级）：
- 大文件上传
- 性能优化（首屏/运行时）
- Vue3响应式原理
- React Hooks原理
- 微前端
- 算法：二叉树/动态规划
- 工程化：Webpack/Vite
- 安全：XSS/CSRF
【模块C】副业探索战（不露脸图文博主）
核心：把生活变成素材，顺手赚钱。
C1 方向选择：小红书/知乎图文博主
| 优势 | 说明 |
|---|---|
| 不露脸 | 只拍手、菜、桌面、装修细节 |
| 素材现成 | 你本来就要做饭/装修/焦虑 |
| 时间可控 | 每周3-4小时 |
C2 内容选题库（直接抄）
做饭系列：
- 「95后程序员，月供1.3万，今天吃午餐肉炒饭」
- 「老婆是会计，我家买菜必须算ROI」
- 「为了还贷，我学会了把罐头做出花」
- 「程序员做饭翻车现场」
装修系列：
- 「上海30平老破小，装修花了40万」
- 「装修踩坑：程序员老公气疯了」
- 「为了省监理费，我自己画了水电图」
程序员日常：
- 「为了不被老板发现摸鱼，我买了防窥膜」
- 「30岁前端的桌面有什么」
- 「AI写代码比我快，我该慌吗」
C3 每周执行表（3-4小时）
| 时间 | 动作 | 产出 |
|---|---|---|
| 周六做饭时 | 随手拍10张照片 | 素材原图 |
| 周六下午 | 选3张修图+AI写文案 | 3篇草稿 |
| 周日晚上 | 发2篇小红书 | 定时发布 |
| 工作日中午 | 回复评论 | 互动 |
C4 变现路径
| 粉丝数 | 方式 | 预估收入 |
|---|---|---|
| 0-1000 | 纯玩，别想赚钱 | 0 |
| 1000-5000 | 接随手广告（厨具/家居） | 200-500/条 |
| 5000+ | 知识付费/前端群 | 1000+/月 |
【模块D】工具链：Obsidian + NAS 终极配置
D1 Obsidian 防窥屏知识库架构
库名：WorkLog
WorkLog/
├── 00-今日工作.md ← 每天打开
├── 01-项目复盘/
│ ├── 当前项目复盘.md
│ ├── 技术方案-文件上传优化.md ← 实际在学大文件
│ └── 疑难问题-性能瓶颈分析.md
├── 02-行业观察/
│ ├── 技术趋势-AI前端应用.md
│ └── 竞品分析-React调研.md ← 实际在学React
├── 03-个人成长/
│ ├── 面试题库-高频问题汇总.md
│ ├── 源码阅读-Vue3响应式.md
│ └── 软技能-如何讲好项目.md
├── 04-生活随记/
│ ├── 装修日记/
│ ├── 做饭记录/ ← 副业素材
│ └── 时光胶囊/ ← 精神支柱项目
│ ├── 需求文档.md
│ ├── 技术架构.md
│ ├── 开发日志/
│ └── 老照片索引.md
└── 05-归档/
D2 每日启动页：「00-今日工作.md」
# 🗓️ 今日工作：{{date}}
## ✅ 公司任务
- [ ]
- [ ]
## 🛠️ 技术预研（今日学习）
**主题**：
**进度**：
**笔记链接**：[[技术方案-XXX]]
## 📝 随手记
- 做饭：
- 装修：
- 回忆：
## 💡 工作思考
（写两句关于项目的废话，防窥屏用）
D3 极空间 Z2Pro 最大化利用
| 用途 | 方案 | 状态 |
|---|---|---|
| Obsidian同步 | Docker装Syncthing，公司⇄家⇄NAS | 今日配置 |
| 照片备份 | 极相册自动备份手机老照片 | 今日开启 |
| 时光胶囊存储 | 建文件夹 /时间胶囊/年份 | 今日创建 |
| 副业素材库 | 建文件夹 /小红书/系列/日期 | 今日创建 |
| 代码备份 | 设置每天自动备份项目代码 | 本周完成 |
| 图片Web访问 | 进阶：Nginx+Cloudflare Tunnel | 可选 |
四、每日作战时间表（工作日）
| 时间 | 做什么 | 备注 |
|---|---|---|
| 07:30-08:00 | 攻克最难知识点 | 脑子最清醒 |
| 08:00-09:00 | 通勤+送老婆 | 听技术播客或放空 |
| 09:00-12:00 | 工作+摸鱼学习 | 防窥屏+VS Code写Demo |
| 12:00-12:30 | 看一篇技术文章 | 记3行笔记 |
| 12:30-13:30 | 吃饭+休息 | 必须休息 |
| 13:30-18:30 | 工作+穿插摸鱼 | 20分钟为单位 |
| 18:30-19:30 | 通勤+晚饭 | 切换状态 |
| 19:30-21:30 | 黄金2小时：时光胶囊 | 手机静音 |
| 21:30-23:00 | 自由时间 | CS2/陪老婆/睡觉 |
| 23:00 | 睡觉 | 别熬夜 |
周末版：
- 上午：家务+做饭（拍素材）
- 下午：4小时项目攻坚
- 晚上：2小时副业处理
- 留半天彻底休息
五、防崩盘机制
1. 允许摆烂
- 每周一天完全不学，就打游戏
- 连续摆烂三天？启动「10分钟微习惯」：只学10分钟就算赢
2. 进度可视化
- 每周日花10分钟写「本周复盘」
- 格式：学了什么/项目进展/发了多少篇小红书
- 看着进度条往前走，焦虑自然减少
3. 夫妻同心
- 每月请老婆吃顿好的，汇报进展
- 让她知道你在努力，她更有安全感
- 金手镯的事记心里，将来加倍还
4. 现金流兜底
- 副业收入全部存「心理安全基金」
- 不到万不得已不动
六、第一周启动清单（今天开始）
今天（Day 1）：
- 淘宝下单防窥膜
- Obsidian新建库「WorkLog」，按上面结构建文件夹
- 创建「00-今日工作.md」，设为启动页
- 极空间建3个文件夹：
/时间胶囊/小红书素材/代码备份 - 手机打开极相册，开启自动备份
Day 2-3：
- 防窥膜到货，贴上
- 极空间装Syncthing，配置双向同步
- 写第一篇伪装笔记：「技术方案-文件上传优化」（哪怕只写三行）
- 做一顿饭，拍5张照片，存到NAS
Day 4-7：
- 时光胶囊项目：
vue create time-capsule - 小红书：发第一篇笔记（随便写点装修）
- 完成本周面试恐惧清单第一个问题
七、三个月后的你
| 维度 | 三个月后的你 |
|---|---|
| 技术 | 有一个完整项目「时光胶囊」，Vue深度+React入门 |
| 面试 | 攒了12篇「彻底搞懂」系列笔记 |
| 副业 | 小红书有了几百粉丝，开始有人问链接 |
| 心态 | 知道自己在往前走，不被傻逼老板影响 |
| 简历 | 储备了3个月的公司项目亮点 |
一年后的你：
- 要么跳槽成功，公积金高了，通勤顺了
- 要么副业月入2000+，覆盖了装修贷
- 要么两者都有
最后一句：
你才30岁，上海有房有家有老婆，手里有技术，脑子不糊涂。那个傻逼老板，只是你人生剧本里的一个小反派，用来给你送经验和时间的。
现在，关掉这个页面，开始做第一件事：买防窥膜，建Obsidian库。
等你做完，你就已经上路了。