头图

职业生涯的新转折点,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 + <script setup>
  • Docker

2. 内容自荐

继续从去年的博客里选三篇推荐给大家:

去年做了不少视频,推荐一个小系列:

3. 2022 年技术发展

现在我已经离开金山办公,正在寻找下一份工作。没有技术债的束缚,我可以更自由的选择下个阶段技术方向。暂定目标如下:

  • Vue3 + TypeScript
  • Vite
  • pnpm
  • Docker
  • Cucumber + Cypress.js

4. 2022 副业发展

主业之外,继续发展副业,不为挣钱,交个朋友。

  • 多参加一些行业活动,hackthon、meetup、workshop 等
  • 自己搞一些本地的 meetup、workshop
  • 继续做直播、录视频
  • 发展几个开源项目

5. 总结

无论如何,告别 OpenResty 之后,我的职业生涯也要迎来新的转折点,2022 必须努力才行了,大家一起加油吧。


本文参与了 SegmentFault 思否征文「2021 总结」,欢迎正在阅读的你也加入。


同步登于我的博客:职业生涯的新转折点,2021 技术总结,欢迎留言讨论。


翟路佳
前端为主,包括但不限于 HTML,CSS,JavaScript,移动端,微信开发。偶尔会有 PHP 和服务器相关内容。 ...

爱编程,爱旅游,爱吐槽。

18.2k 声望
5.7k 粉丝
0 条评论
推荐阅读
使用 `postMessage` 跨域名迁移 `localStorage`
朋友的网站有个需求:要从 A 域名迁移到 B 域名。所有内容不变,只是更改域名。这个需求不复杂,理论上改下配置然后 301 即可。但这个网站是纯静态网站,用户数据都存在 localStorage 里,所以他希望能够自动帮用...

Meathill1评论 1

封面图
正则表达式实例
收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊...

寒青56阅读 7.9k评论 11

JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...

jenemy46阅读 6.1k评论 12

从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...

乌柏木66阅读 6.2k评论 16

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...

libinfs40阅读 6.4k评论 12

封面图
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...

乌柏木44阅读 7.5k评论 6

CSS 绘制一只思否猫
欢迎关注我的公众号:前端侦探练习 CSS 有一个比较有趣的方式,就是发挥想象,绘制各式各样的图案,比如来绘制一只思否猫?思否猫,SegmentFault 思否的吉祥物,是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt...

XboxYan44阅读 3k评论 14

封面图

爱编程,爱旅游,爱吐槽。

18.2k 声望
5.7k 粉丝
宣传栏