[dev-zuo] 聊聊 2023 年做了些啥
大家好，我是 dev-zuo，就是那个做不出钉钉官网动效的 7 年水货前端
今天是 2024 年的第一天，祝大家在新的一年万事顺利，这里和大家聊聊我的 2023
2023 年发了 8 篇文章，创作等级升到了 LV5，新增 2828 赞，4017 收藏，17.8w 阅读，809 关注
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/f320fdad25dc45018b8f4356b45cc650.webp)
b 站
dev-zuo - b站 2023 年发了 22 个前端相关视频，关注到了 6000+，今年新增 3700 关注，5768 赞，1w+ 收藏，2000 投币，24.2w 播放
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/73bd9589b2de41978a6f65bc9c95686a.webp)
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/57126d5f8cb64d9996021a576abe862b.webp)
github
dev-zuo 2023 新增 288 star，91 关注，两个仓库 star 从 0 到 100+
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/85a12c378d7948438505e8d9768b1e2a.webp)
2023 Q1-Q4
下面来看看 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
一些经验
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 点赞。我有点郁闷，想不通，我出正经的实现技术视频没多少人看，出实现不了的，反而这么多人看。
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/5815df3ebe23427881361892879c77bb.webp)
这期视频的灵感来自 "棋手战鹰"，那段时间刷战鹰的视频比较多，从战鹰的经历中好像看到了自己的影子。想着自己做了这么多年前端，看似一直在努力向前，但这些年过去了还是技术一般，没有掀起一点浪花。有了战鹰的经历，我愿意去相信，如果我和战鹰一样也能坚持热爱，保持好的心态，总有一天会有很好的结果。
于是我就起了 "破防， xxx" 这个标题，出了这期视频。这期视频后，我断更了两个月！
- 一是因为这期视频让我意识到，技术好像不重要，没人在意这些，我整的那些个破技术视频，真没什么人看，更多的人看的是乐子，真正静下心来看的人少之又少。
- 二是因为这个视频，b 站和 dy 的关注都涨了 2k 左右，有之前的同事认出了我，我想自己给自己降降热度
视频断更后，就开始考虑回武汉之后找工作的事情了，在假设自己是前端 leader 的场景下，自己应该会什么
于是就有了项目 lint，多环境自动化部署的文章
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年薪大专前端开发从深圳回武汉能拿多少？
其中第一个自动化部署的文章、和后面的面试总结文章，都过了 1k 赞，算是热度较高的，视频的播放量也还行。
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/ca4e3022e2544a1995d24197f01c5e7b.webp)
![[dev-zuo] 聊聊 2023 年做了些啥](https://img.blogweb.cn/article/66f47e856375441abb24df776415f9db.webp)
这一个季度的心态变化，可以参考面试总结这篇文章。
Q4（10-12月）
从 9 月中入职武汉的公司到 12 月底，这 3.5 个月基本都是在忙碌中度过，周六周日也不想搞技术了，更多的时间是花在生活上。
感觉单纯的卷技术没意思，ROI 太低，索性啥也不干了，但我好像不再是原先的那个自己了。
以后
回头再看 2023，年初的状态是比较好的，决心要回武汉后，似乎节奏就有点乱了。
从深圳回武汉，不想计较好与坏，有舍有得。
2024 年会调整好心态，慢慢开始恢复更新。减少做内容的功利心，对技术保持热爱，继续用爱发电。