职业生涯的新转折点，2021 技术总结

昨天整体总结了 2021 的职业、生活、副业等方面。今天重点总结一下去年技术方面的学习、分享，再规划下 2022 年计划。

0. 先来捋一捋博客和视频

我会把最近做的事情整理分享在博客上，所以回顾博客文章就能复盘去年做过的大部分技术工作。

踩坑分享	避免下次再错	3
JS 细节探索	以前不知道，探索后就知道了	3
新技术探索	探索其它非 JS 技术内容	11
webpack+babel+esbuild+swc	前端工具链	9
笔记	零散笔记	2
常规技术分享	技术相关的分享，多半是已知内容	7
推书、推视频	近期看到的书和自己的视频	3
视频、应用创意	突然想到可以做的东西	3
行业分析		2
工具使用分享	各种工具相关	9
水招聘启事	（水的有点多……	4
生活分享		5

视频方面，偶然发现了 CloudStudio.net，觉得蛮适合用来给新入门的同学做基础教学，所以基于 CloudStudio 制作了一些全栈开发的内容，比如 Express.js 切片上传大文件等。

去年坚持了大半年的直播，其中也录了不少内容，但都还没有整理。希望今年有机会整理放出。

1. 2021 的技术关键词

2021 年 10 月，我离开了 OpenResty，加入金山办公。所以我的技术路线也可以清晰的分成两个阶段。

1.1 OpenResty

今年的主要工作还是 Showman，希望把它打造成一个有用又可用的 SaaS 产品，能够完成视频录制、文档生成、Navlang 开发调试。所以今年先研究了怎么在 Linux 环境下使用 VNC display 录制视频，以及剪辑。期间也在不断更新 Navlang，深入研究了 JS 的使用细节。

OpenResty 期间主要技术关键词如下：

• FFmpeg
• node.js
• Linux/VNC
• 异步函数与 try ... catch ...
• new Function() vs eval()
• 升级到 webpack@5
• height:100% 与 flex:1

1.2 金山办公

后面去了金山办公，这段经历相当糟糕，建议想去的人三思。这段时间主要研究开发脚手架的升级和代码静态分析。关键词如下：

• sonarqube
• webpack => esbuild
• babel => swc
• pnpm

1.3 其它

上面没提到的技术列在这里：

• Chrome Extension MV3
• TypeScript
• Vue3 +