大家好，我是 dev-zuo，就是那个做不出钉钉官网动效的 7 年水货前端
今天是 2024 年的第一天，祝大家在新的一年万事顺利，这里和大家聊聊我的 2023
这里主要通过三个平台来回顾我的 2023。掘金文章、b站视频、github，其中掘金有 2 篇文章过了 1000 赞，掘力值到了 1w+；视频方面 b 站关注到了 6000；github 有两个新仓库过了 100 star
掘金
2023 年发了 8 篇文章，创作等级升到了 LV5，新增 2828 赞，4017 收藏，17.8w 阅读，809 关注
b 站
dev-zuo - b站 2023 年发了 22 个前端相关视频，关注到了 6000+，今年新增 3700 关注，5768 赞，1w+ 收藏，2000 投币，24.2w 播放
github
dev-zuo 2023 新增 288 star，91 关注，两个仓库 star 从 0 到 100+
2023 Q1-Q4
我技术这块的输出，主要还是在 b 站更新视频。在掘金发文章、github 新建仓库，一般只是为视频服务，或者是视频的衍生品
下面来看看 2023 年 Q1-Q4 具体的内容
Q1（1-3月）
Q1 在 b 站视频发了 14 个视频，主要是前端技术日常、UI动效、尝试自己实现 chatgpt
- 01月04日 前端开发 聊聊 2022 年做了些啥？
- 01月10日 23w1 老项目 vue2 升级 vue3 变卡了？配置中心从 0 到 1 规划等
- 01月14日 向下滚动切换手机颜色效果实现 gsap+ScrollTrigger
- 01月18日 23w2 短链接服务实现, Vue3+Node.js jwt鉴权全流程等
- 01月24日 MacBook Pro 新品发布官网动画效果实现
- 01月28日 23w3 被ddos攻击后记录，6 行代码实现局域网传视频等
- 02月01日 3个改动让 element-plus table 性能提升 7 倍
- 02月04日 23w4 Web 安全 ddos 防御、深入浅出Vue.js 等
- 02月13日 FindX3 火星版 - 鼠标移动效果实现
- 02月18日 使用 GSAP 和 clip-path 实现 5 种场景切换动效
- 02月20日 23/w5 前端 JS 计算页面 fps，为什么会有 git switch 等
- 03月11日 iPhone14 新配色官网首屏动效实现 CSS transform matrix 应用
- 03月20日 苹果官网 AirPods 充电盒动效实现，根据滚动切换视频关键帧
- 03月30日 Vue3 + Node.js 调用 OpenAI 接口实现 Chat、生成图片
掘金文字版
新增 github 仓库
- nice-func 尝试实现一些让人耳目一新、感觉很 nice 的网页内容、动效 演示，100+ star
- table-performance-demo vue3 table 性能优化，减少 85% 渲染耗时（element-plus table v2.2.8 性能优化 demo）
- chatgpt-node-vue3 Vue3 + Node.js 调用 OpenAI API 实现 chatgpt、生成图片 demo，100+ star
一些经验
-
前端 UI 动效类的视频播放数据较好，比技术日常好很多。后续基本是技术日常、官网动效视频穿插发，整体效果还可以，Q1 大概涨了 1.2k 关注，5w 播放，之前我的总播放才 7w。
-
技术类的干货适合发掘金，掘金的数据比 b 站要好，比如 vue3 table 性能优化这个。但你会发现一个问题，这个视频的技术含金量比上一张图里面的滚动切换手机颜色效果要强太多，但数据却没动效的好。很多人对纯技术性的内容没兴趣，花里胡哨的效果更容易吸引大部分普通人。
掘金后台数据
Q2（4-6月）
Q2 原计划是在 Q1 的基础再进一步，停止更新播放量比较少的技术日常视频，把内容重心放到动效视频上。
但巧合的是一开始就踢到铁板了，选择了 钉钉官网动效，做了好久做不出来，中间水了两期视频，一期是 chatgpt SSE 实现，一篇是方应杭相关。最后实在做不出来就出了一期做不出来的视频，反而小火了一把。
- 04月14日 chatgpt stream 实时输出功能实现原理 SSE(Server-send events)
- 04月20日 如何评价方应杭？一名普通前端开发对方应杭的印象
- 05月03日 破防！7年前端做不出钉钉官网动效
发布那天中午吃饭，b 站有 150 个人正在观看。dy 的播放有 16w, 2.1k 点赞。我有点郁闷，想不通，我出正经的实现技术视频没多少人看，出实现不了的，反而这么多人看。
这期视频的灵感来自 "棋手战鹰"，那段时间刷战鹰的视频比较多，从战鹰的经历中好像看到了自己的影子。想着自己做了这么多年前端，看似一直在努力向前，但这些年过去了还是技术一般，没有掀起一点浪花。有了战鹰的经历，我愿意去相信，如果我和战鹰一样也能坚持热爱，保持好的心态，总有一天会有很好的结果。
于是我就起了 "破防， xxx" 这个标题，出了这期视频。这期视频后，我断更了两个月！
- 一是因为这期视频让我意识到，技术好像不重要，没人在意这些，我整的那些个破技术视频，真没什么人看，更多的人看的是乐子，真正静下心来看的人少之又少。
- 二是因为这个视频，b 站和 dy 的关注都涨了 2k 左右，有之前的同事认出了我，我想自己给自己降降热度
Q2 掘金文章
视频断更后，就开始考虑回武汉之后找工作的事情了，在假设自己是前端 leader 的场景下，自己应该会什么
于是就有了项目 lint，多环境自动化部署的文章
- 2023-06-27 从0到1实践ESLint+Prettier+Stylelint+Commitlint+husky提交拦截、保存后自动fix
- 2023-06-30 作为前端 leader，怎么快速搭建多环境CICD自动化部署？
- 为什么会有Node.js，其衍生框架Express、Koa、Egg.js的演进过程- 这篇是很早之前写的，为了活动凑数的
Q3（7-9月）
Q3 主要是发了 3 个自动化部署相关的视频，再就是找武汉工作相关事情，比如学 react、面试总结。
- 07月02日 作为前端 leader，怎么快速搭建多环境CICD自动化部署？
- 07月31日 20 分钟系统了解 gitlab 多环境 CICD 自动化部署
- 08月31日 使用 gitlab CI/CD 将 3 个项目自动化部署到线上全过程演示
- 08月31日 7年前端只会Vue? 花一周快速入门 react 实现配置中心项目
- 09月06日 30w年薪大专前端开发从深圳回武汉能拿多少？
掘金文章
- 2023-07-30 多环境 CICD 自动化部署(二) - GitLab
- 2023-09-02 7年前端只会Vue? 用一周快速入门 react 并实现配置中心项目
- 2023-09-06 25k大专前端外包从深圳回武汉能拿多少？
其中第一个自动化部署的文章、和后面的面试总结文章，都过了 1k 赞，算是热度较高的，视频的播放量也还行。
掘金数据
这一个季度的心态变化，可以参考面试总结这篇文章。
Q4（10-12月）
从 9 月中入职武汉的公司到 12 月底，这 3.5 个月基本都是在忙碌中度过，周六周日也不想搞技术了，更多的时间是花在生活上。
感觉单纯的卷技术没意思，ROI 太低，索性啥也不干了，但我好像不再是原先的那个自己了。
以后
回头再看 2023，年初的状态是比较好的，决心要回武汉后，似乎节奏就有点乱了。
从深圳回武汉，不想计较好与坏，有舍有得。
2024 年会调整好心态，慢慢开始恢复更新。减少做内容的功利心，对技术保持热爱，继续用爱发电。