成年后的十周年，6年前端回顾2022，展望2023

前言

还记得18岁的我接触了编程，确定了大学专业走计算机方向。10年后的我找到了人生目标：做一个伟大的产品。

2022是特别的一年，找到了人生目标、大资金流动、疫情放开了。

技术篇

做技术相关的东西真的是能让人开心的一件事情，不断学习新东西，就和玩游戏进新地图感觉差不多。做前端（react）更是一件幸福的事情，有想法有需求完全可以自己解决。web自然不用多说，客户端可以用election、移动端可以用react-native。自己做工具软件解决日常生活定制需求就像玩游戏打造装备一样😄。

GitHub

2022年终于有时间玩开源项目了，前年主要忙于公司的业务，业余时间也用来做公司内部的技术项目了。

GitHub作为主力代码托管平台，可以配合vercel免费部署静态站点。commit情况：1,022 contributions in 2022 、73 contributions in 2022 in umijs 、24 contributions in 2022 in ant-design。

GitHub activity overview：

1. 主要精力在自研软件【TR】上。
2. 使用umi和ant-design过程中遇到问题就顺手帮忙解决了。
3. 基于自己需求做了些自动化工具：
   1. 自动化翻译工具解决项目中国际化手动复制单词去翻译的问题。
   2. git快速删除所有分支命令解决玩开源项目本地分支太多看着不舒服问题。
   3. fork仓库clone自动增加原仓库remote命令解决玩开源每次自己手动添加remote的问题。
   4. 输入两个分支，输出这两个分支diff的md文档，用于发版前验证，也用来自动化检查注入，公司会复制当前开发迭代中的commit信息进行注入，若果有两个连续一样的commit信息大概率是注入。
4. election脚手架、基于web项目快速生成election应用的CLI工具。
5. react-native脚手架
6. 加入了umi组织，github名字放到了umi首页上

我的github账号：txp1035 (DaoYuan) · GitHub。欢迎关注😆

小结：commit数据比2021+2020还多，开源相关占比10%。自评：符合期望。

写作

写作一直是我的薄弱项目，2016至今通过个人博客记录、语雀记录、云谦老师组织的共写博客活动来练习。零零散散在各个地方留下足迹，2022年底开始统一迁移到obsidian上进行管理。

2022年07月24日发布第一篇文章，2022年08月30日发布2022年最后一篇文章。听说收藏=学会。我的数据好像可以作为论据😄。

小结：没有形成写作的知识体系和方法论导致27篇还是草稿，加上没有特别把精力放在写作上（就是写作懒）。2023年应该分配更多精力到这一块上。自评：需要提高。

ThreeReflections

不知道是不是每个开发都有个产品梦，我是在高中兴趣小组接触了Pascal语言入门的编程，自从在大学期间学习了C#、网页设计（那个时候还用的Dreamweaver），就一直想自己开发一个软件。

我还记得大学那会第一次通过WordPress搭博客，兴奋的一晚上睡不着。有自己的域名的网站，这种感觉好像和买房的感觉差不多，在这世界中有一块地方是属于我的。

这个想法的种子一直在潜伏我脑子里，2022年开始它终于发芽了。

时间管理的学习源于我刚到蚂蚁金服的时候，头一回发现时间不够用，手机放电脑前白天到晚上除了中午出去吃饭都不带摸的，白天开会晚上写代码等。

基于上述原因看了《奇特的一生》，找到了个记录时间APP。但是这款APP的数据分析功能就比较弱了，导致很多用这个APP的人分析时间都是通过导出APP数据再使用Excel来做分析。那我为什么不找一个既能记录时间又能很好分析数据的APP呢？2020年没有找到啊，我也想当个伸手党😄。

我整理下自己的需求：每周看下一周时间占比、排名、趋势，方便下周有目的性的分配精力和时间。发现完全可以自己做一个网站来分析数据，于是很快开发版的TR雏形就出来了，基于umi+ant-design+antv的一个系统。每次我只需要把需要的数据从APP导出来复制进项目里就能看到我期望的可视化数据。

2022因为APP的bug问题我在APP讨论群寻求帮助，发现有很多人也有数据分析的诉求。我看全是Excel做的二次分析，我也分享了我做的数据分析截图，得到群友赞同，几经周折，我决定把我的网站分享出来免费给大家使用。

经过技术调研和改进，TR在2022年7月23日发布beta版，基于election技术，通过导入数据文件就能看到数据分析效果。ThreeReflections中文为三省，取自‘吾日三省吾身’，我希望它能作为我的一个指路灯，为我指正前进的方向。至今TR已经更新了20个版本。期间得到了群友的支持（打赏、建议、共建），还有APP开发者的支持（单独为我这个软件写了个接口来加快数据访问速度），一个人走得快，一群人走得远，感谢你们。

顺便分享下英语不好怎么和国外朋友流畅交流：微信自带翻译功能 + afraid配合翻译插件

单独做一个软件真的是一件很有意思的事情：

1. 可以直面用户反馈，主导功能方向。在公司，业务前端有点打杂的感觉，实际业务的深度不如后端，业务实现功能也会优先找后端商量，毕竟后端能实现前端一般问题不大。
2. 不仅仅是考虑业务相关的功能，还有DevOps相关的功能。在公司里有完整的发布平台完全没有自己的发挥空间，自研软件又有好玩的东西可以折腾了😄。自动化我的最爱，讨厌做重复的事情。
3. 可以实践自己领域之外的技术，包括平时想用又因为实际业务场景没机会用到的技术。

下面是一些我认为比较有意思的技术：

1. 学习（踩）了election的新知识（坑），并总结了一套避坑指南+工具，能够方便我下次再做应用的时候不用考虑构建、网络、配置奇奇怪怪的问题，把精力专注于业务开发。
2. 基于pnpm进行多包管理，turbo加快构建速度。
3. 整合eslint、prettier、stylelint（可选）、jest、husky、lint-staged、changelog、typescript、.editorconfig、cssinjs、jsdoc、ci、codecov、ISSUE_TEMPLATE形成一个质量保障工具库，开箱即用。
4. 基于changelog做了官网更新日志的自动化解决了每次发版本还要去官网增加更新日志再对官网发一次版本的问题。后面再次升级基于changelog+背景图自动生成一个新版本功能图片方便发群里让群友更直观的看到更新了什么功能。
5. 基于hash+时间戳做了个验证码功能用于软件引流到公众号统计使用人数。
6. 年底做了个年报功能，社区同学帮忙设计，我实现功能。我的TR年报放在最后。
7. 多维度数据管理，用户可以自己配置数据分析页显示哪儿些指标组件从而定制自己风格的数据分析页面。

下面是一些好的设计和习惯：

1. 项目里可以cv解决的东西必须抽象出来。维护起来超级方便快捷。
2. 按步骤用法处理数据，这让后续添加新功能异常简单。
3. app和官网放到一个项目维护，一条命令解决两个网站的发布。

下面是一些当初糟糕的设计：

1. 配置存到storage中并单独存取，虽然抽象了方法统一存取，但是设计到UI变化的地方就麻烦了。最佳方案应该是配置做状态管理，在页面加载的时候，从storage里拿数据初始化，数据变化更新到storage里。
2. 把用户数据存到了storage里，遇到了个10万条用户数据的朋友把storage撑爆了。后续考虑转到indexdb里去。

小结：满足自己的需求顺便帮助有相同需求的朋友解决问题，收到打赏、好评、建议，有同学参与共建（感谢@刺泡儿），有同学帮忙测bug（感谢@水无痕），这些正向反馈都是我持续优化的动力😄。自评：部分超出期望。

生活篇

吃

源于吃腻的外卖和餐馆，加上身体健康问题，会优先考虑清淡、蛋白质高的食物。这种需求下又想好吃一点，只能自己动手了。在某菜谱APP上学习，完全照搬菜谱，做出来的效果好像也不错。

下半年开始学习备餐，吃高蛋白低碳低脂食物，感觉整个人都健康了😄

学习共计62道菜：饮品（7）汤/粥（9）速食（9）炒菜（22）简单耗时长【红烧、造型类】（10）简单耗时短【蒸菜、凉拌类】（5）。

小结：自己动手做菜比点外卖或者外面吃的幸福感高了一个台阶，哪怕是最简单的番茄炒蛋也很香。没想到我今年坚持了下来，虽然也点过几次外卖。自评：超出预期

吉他

买来的本意是放电脑边上写代码写累了就换换脑子。没想到的是，好玩的项目基本一开始写就停不下来，换脑子不存在的，直接写到想睡觉~于是乎它与switch并列吃灰物件，有兴致了就拿出来把玩把玩。

2022年的进步：

1. 学习了卡农和弦（弹唱基础）。
2. 学习了哆瑞咪发嗦啦西对应的位置，之前都是看六线谱跟着弹，现在看数字也能弹了。
3. 能流畅完成天空之城单音版指弹。

小结：练得频率少，弹唱还是没学会，但是每次很久再练感觉比之前简单了。感觉和学技术一样，今天困扰的问题，明天也许豁然开朗。自评：需要提高

疫情封控期间收到的一些快乐

这一年真的不容易，1到11月做核酸，12月放开阳了，好在年轻扛得住，苦了老年人，希望2023更好吧。封控期间收到朋友的礼物还是很开心😄。收到的taobao公仔笑得很开心哈哈，两盒水果在物资紧缺的当时也是弥足珍贵。

改造、买房、装修

目前我住小区政府出资改造小区解决停车问题环境问题，挺好的，效果立竿见影，感谢政府。

父母周六周末偶尔回这里，爬楼梯很累（我家在6楼）。基于这个原因就买了一套电梯房。

装修还在调研中，跑了几家装修公司，唯一的收获是通过录音把报价搞清楚了（装修公司不提供报价单），不过总体感觉装修公司不靠谱，准备找设计师来做。

我的TR年度报告

2023计划

技术

1. 整合之前的文章到ob里，打造自己的数字花园，自动化文章发布流程。
2. TR持续更新优化（每周更新，直到没有新需求和可以优化的地方）
3. umi合并52个pr
4. 发布52篇文章

生活

1. 继续坚持自己做饭
2. 每周运动3次
3. 弹唱、指弹学1首歌
4. 看12本书
5. 带父母旅行或过节给父母做顿饭

日常计划

06:30 - 08:00 早饭 + 工作前的时间 08:00 - 12:00 Deep Work 12:00 - 14:00 吃饭、午休、看RSS订阅 14:00 - 18:00 Deep Work 18:00 - 18:20 确定第二天计划 18:20 - 20:00 晚饭 + 工作后的时间 20:00 - 21:00 锻炼（非洗澡日Shallow Work） 21:00 - 21:30 洗澡（非洗澡日Shallow Work） 21:30 - 23:00 Shallow Work 23:00 - 24:00 Reading

洗澡日：周二、周四、周六，保证3次锻炼，可弹性调整。 困难的事情安排在白天8个小时内，简单重复的事情晚上做。 不执着严格每天执行（预防负反馈导致完全放弃），有条件的情况就这样执行，尽可能养成早睡早起的习惯。执行了一周读书辅助睡眠，好像还挺有效的。

后记

在写年度总结过程中get的新技能：

1. 怎么通过PS快速拼接100张图片。

在写年度总结过程中一些闪念：

雷军快40岁的时候觉得自己不伟大，于是创办了小米。未来十年希望我的产品能长成参天大树。

最后，祝大家新的一年大展宏🐰，开工大吉。