365天前端知识体系构建计划：从入门到架构师的完整进阶之路

去年团队开始用AI编程工具，大家都觉得写代码变快了。但一年下来我发现一个怪现象：写代码的时间确实少了，可Code Review的时间却越来越长。以前review一个PR，扫一遍逻辑、提两个问题就过了。

上周五，我带了三年、刚转正没几个月的实习生被公司优化了。他在公司吃过最后一顿散伙饭，临走时对着部门那台退役的开发机拍了张照，说想留个纪念。我拍了拍他肩膀：“别灰心，多投几家。”

AI面试官已经不是什么新鲜事了。银行、外企、大厂海量筛人时，都用AI初筛：你对着屏幕答题，AI分析你的关键词、表情、语音语调。尤其前端岗，AI会问你“盒模型”“闭包”“事件循环”……全是标准答案...

组件文档的重要性，每个前端都懂。但现实是：业务需求压过来，谁有时间写文档？结果就是组件库越来越膨胀，文档越来越荒废。新人来了，要么猜，要么问，要么翻源码。

SQL面试题里，“分组取Top N”是经典中的经典。尤其是“每个部门工资最高的员工”，考频率仅次于两数之和。很多人能写出来，但写出来的往往是子查询嵌套自连接，性能差、代码丑、还容易漏掉并列的情况...

每个程序员职业生涯中都会遇到一座“屎山”。可能是前任留下的，可能是一群实习生堆的，也可能是三年前的自己写的（别不承认）。 我遇到的这座山，是一个老牌电商的后台订单模块。

手写Promise，面试经典老题。但2026年了，还有多少人在面试前夜死磕`resolve`、`reject`、`then`的链式调用？

你肯定遇到过这种情况：项目里同时有前端、后端、公共组件，放在一个仓库嫌乱，拆成多个仓库又改一个公共函数要在五个项目里各改一遍。

你坐飞机，关掉网络，旁边小哥还在刷抖音（离线缓存好的视频）。你打开自己的网站，白屏，报错。你默默关上手机，心想：“要是我的网站也能离线看就好了。”今天我们就来给你的网站装上“离线小精灵”...

Git 提交信息这件事，说大不大，说小不小。小到你随便写个“update”，不影响跑代码。大到代码回滚、发版生成 CHANGELOG、甚至背锅溯源时，一句清晰的“fix: 修复订单金额计算溢出”

PR 审查这件事，经历过的都懂：平时没人看，一出事全是“我早说了”。你认真看了 500 行 diff 给出了 3 页修改意见，人家回复一个“done”，你都不知道改没改对。

写单测这事，比写业务代码还痛苦。业务代码至少能跑，能看到按钮，能点。单测？Mock 一堆，断言一堆，跑起来全红，改到怀疑人生。尤其接手老项目，一个组件几百行，手动补测试？告辞。

这事儿起因很简单：老板要AI客服。大模型API便宜吗？初看几分钱一次，用户一多，一个月一辆特斯拉没了。而且用户问的重复问题占80%，每问一次就烧一次钱，像开着水龙头浇花。

你改了一行代码，手动点了一遍页面，觉得没问题就上线了。结果用户反馈“登录按钮点不动了”。你心里咯噔：我根本没改登录相关代码啊。今天我们来给你的代码装一把“智能门锁”——单元测试。

你改完代码，打开终端，输入 `npm run build`，然后 FTP 上传，或者登录服务器 `git pull`。这一套操作每天重复 N 次，不累吗？今天我们来把“部署”这件事自动化

你维护着五六个项目，每个都单独开一个 Git 仓库。改一个公共组件，要挨个进每个项目，复制粘贴，提交，发布。一上午就没了。今天我们来学 Monorepo

你给网页加了个“复古滤镜”功能，结果一拖动滑块，页面直接卡死。用户点一下，风扇狂转，手机发烫。今天我们用 Rust + WebAssembly 写一个图片滤镜，让图像处理速度飞起来。

你有没有算过，每天花在等编译、等打包、等 lint 上的时间有多少？我算过：一天至少半小时。一年就是 180 小时，相当于 7.5 个工作日。 以前我们忍了，因为没得选。但现在，有一群“叛逆者”

前言 JS 是解释型语言，哪怕 V8 再快，在处理大量计算时还是力不从心。而 WebAssembly（简称 Wasm）是一种低级的汇编式语言，浏览器可以极快地解析和执行。它不是要取代 JS，而是作为

你的组件里是不是全是`if-else`？改一个地方，崩三个地方？新来的同事改完你的代码，你看着他，他看你，两人都沉默了。今天我们不背理论，直接用3个前端最常用的设计模式——**单例、观察者、策略**