技术探索与实践入门指南：一个老广奶爸的深夜代码求生记
作者：阿强，广州越秀老城区土著，两个娃的爹，白天写业务逻辑，晚上哄睡孩子后才有时间写自己的逻辑。
上周五晚上11点27分，我刚把小宝塞进被窝——这小子今晚格外精神，翻来覆去不肯睡，嘴里还念叨着“爸爸再讲一个奥特曼”。好不容易等他呼吸均匀、小手松开我的衣角，我才蹑手蹑脚摸出书房，打开那台嗡嗡作响的老MacBook Pro。屏幕亮起的一刻，仿佛世界终于安静下来。
这时候，我才真正属于我自己。
但别误会，我不是来刷剧或者打游戏的。我打开的是 GitHub，盯着一个刚 fork 的开源项目，心里盘算着：“这个新框架能不能帮我把简历上‘熟悉微服务架构’那句，变成‘主导过高并发系统重构’？”
是的，作为一个35岁的老广程序员，在广州老城区租着3500块一个月的房子，养着两个娃（大的上幼儿园，小的还在尿不湿阶段），老婆每天下班回来还要做饭带娃——我得想办法涨薪，或者说，保住饭碗。
去年十月，公司裁员风声四起，我坐在茶水间听到HR和隔壁组聊“优化名单”，心跳直接飙到120。回家路上，我在地铁上刷知乎，看到一篇《35岁程序员如何自救》，评论区清一色：“转管理”、“搞副业”、“回老家开奶茶店”。
我苦笑了一下。回老家？我就是本地人啊！开奶茶店？老婆说：“你连珍珠都煮不熟。”
那还能怎么办？技术，只能靠技术突围。
一、面试题把我问懵了：原来我连“资源”都没管好
事情的导火索是一次跳槽尝试。
今年年初，我鼓起勇气投了几份简历。一家做跨境电商的公司约我去面试。面到第三轮，技术总监抛出一个问题：
“你们项目里怎么管理静态资源的？CDN 缓存策略是怎么设计的？如果用户看到旧图片怎么办？”
我当时脑子一片空白。我们项目里的图片……好像就是直接丢在服务器 /static 目录下？CDN？哦，用了阿里云 CDN，但配置是运维同事搞的，我只负责改代码。
我支支吾吾说了几句“缓存时间设成1小时”、“前端加时间戳”，对方礼貌地笑了笑，然后就没有然后了。
回家路上，我越想越不是滋味。不是因为没拿到offer（其实薪资也就从18k谈到22k，不算大跃进），而是我发现：我做了五年CRUD，却连最基本的“资源”管理都说不清楚。
更扎心的是，第二天我翻自己简历，赫然写着“精通Web性能优化”——脸都红了。
那一刻我意识到：技术探索不能只停留在“能跑就行”的层面，得深入，得实践，得能讲清楚。
二、选型对比：不是追新，而是解决问题
于是，我开始认真研究“资源管理”这件事。但问题来了：技术栈那么多，我该学哪个？
- Webpack vs Vite？
- S3 + CloudFront 还是阿里云OSS + CDN？
- 图片用 WebP 还是 AVIF？
- 要不要上 Service Worker 做离线缓存？
作为一个奶爸，我时间极其有限。每晚最多2小时，还得防着娃突然哭醒。所以我必须高效选型，不能瞎折腾。
我给自己定了三个原则：
- 贴近工作场景：别一上来就搞Rust重写前端，先解决我简历上吹过的牛。
- 有真实产出：至少能做出一个小项目，放GitHub上，面试时能演示。
- 社区资源丰富：遇到问题能快速找到答案，省时间。
于是，我做了个简单对比表（没错，就是Excel，老广程序员的浪漫）：
| 方案 | 学习成本 | 社区资源 | 能否快速落地 | 是否适合简历 |
|---|---|---|---|---|
| 手动拼接CDN URL + 时间戳 | 低 | 几乎没有 | ✅ | ❌（太原始） |
| Webpack + file-loader + hash | 中 | 丰富 | ✅ | ⭕（有点老） |
| Vite + Rollup assets handling | 低 | 新但活跃 | ✅✅ | ✅✅ |
| 自建MinIO + Cloudflare CDN | 高 | 中等 | ❌（要服务器） | ✅（但太重） |
最后我选了 Vite。原因很简单：
- 公司新项目正好在评估前端构建工具；
- 它对静态资源的处理非常直观（
import img from './a.png'直接返回URL）； - 而且启动快，我深夜调试不用等半分钟。
更重要的是——它能让我在简历里写“采用现代化构建工具提升前端资源加载效率30%”（后面真测了，首屏快了28%，差不多）。
三、实践：从“能跑”到“能讲”
光看文档不行，得动手。
我用周末下午（老婆带娃去公园的黄金两小时），搭了个极简电商demo：商品列表页 + 详情页，重点优化图片加载和JS/CSS资源。
关键改动：
- 所有图片用
import引入，Vite 自动哈希命名，避免缓存污染； - 配置
vite.config.js设置assetsDir: 'assets'，统一资源路径； - 接入阿里云OSS，通过环境变量切换开发/生产资源地址；
- 用
link rel="preload"提前加载关键图片。
做完后，我用 Lighthouse 测分：Performance 从52飙到89。虽然离满分还有距离，但至少，下次面试官问“你怎么优化资源加载”，我能掏出手机，现场给他看demo链接。
而且，我把整个过程写成了技术笔记，发在内部Wiki。没想到，两周后，组长找我：“阿强，新项目前端基建你来牵头吧。”
你看，实践不仅是为了面试，更是为了在现有岗位上证明价值。
四、简历不是吹牛，是“可验证的故事”
说到这里，必须吐槽一下很多程序员的简历写法。
“精通Spring Cloud” —— 问Eureka和Nacos区别，答不上来。
“熟悉高并发” —— 连Redis缓存穿透都没处理过。
“主导系统重构” —— 其实就是改了几个接口名。
简历不是关键词堆砌，而是一个个可验证的技术故事。
我现在改简历，每句话都要问自己：
- 这个功能我亲手写的吗？
- 能说出技术选型理由吗？
- 有数据支撑吗？（比如QPS从1000提升到3500）
- 能画出架构图吗？
比如我现在写：
采用 Vite 替代 Webpack 重构前端构建流程，结合阿里云OSS实现静态资源自动化哈希版本控制，有效解决CDN缓存导致的用户看到旧资源问题，Lighthouse Performance评分提升37%。
这句话里，技术栈（Vite/OSS）、问题（CDN缓存）、方案（哈希版本）、结果（+37%） 全都有，面试官随便挑一点都能聊半小时。
而且，这些都是我深夜在书房一行行敲出来的，真实，所以不怕问。
五、给同样熬夜学习的你的建议
如果你也像我一样：
- 白天被需求追着跑，
- 晚上娃睡了才敢打开IDE，
- 看着招聘要求“精通K8s、熟悉Service Mesh”瑟瑟发抖……
我想说：别慌，慢慢来。
1. 从“面试题”倒推学习路径
每次面试挂了，别只想着“又失败了”，把问题记下来。那些让你卡壳的问题，就是你下一步要攻克的方向。
2. 资源不在多，在“能消化”
B站、极客时间、YouTube教程一大堆，但你每晚只有两小时。选一个最贴近你目标的，吃透它。我到现在Vite文档只看了前30%，但够用了。
3. 简历要“诚实但聪明”
不吹牛，但要把你做过的事，用技术语言包装出来。不是“我改了个bug”，而是“通过分析日志定位到缓存击穿问题，引入布隆过滤器降低DB负载40%”。
4. 别一个人硬扛
我在本地找了几个程序员爸爸，建了个“夜猫子学习群”。每周日晚上9点（娃都睡了），视频连麦分享各自学的东西。有人讲Docker，有人讲TS类型体操，互相逼着输出，进步飞快。
最后：技术探索，是为了更好地生活
写这篇文章的时候，已经是凌晨1点。书房外，老婆发来微信：“小宝又醒了，你要不要来看看？”
我保存草稿，合上电脑。走出书房前，看了一眼屏幕右下角的时间——又熬到这么晚。
但我不后悔。
因为我知道，这些深夜的代码，不只是为了下一份offer，更是为了有一天，能带老婆孩子去长隆玩一天不用看价格，能换一套离幼儿园近一点的房子，能在35岁之后，依然有选择的权利。
技术探索很难，尤其当你上有老下有小。但只要方向对，哪怕慢一点，也在前进。
共勉，各位深夜还在敲代码的战友。
—— 阿强，于广州越秀老屋，2024年6月的一个凌晨
评论 0