汐海拾贝,稀土掘金,砥砺前行,不忘初心。——「张三岁的2021年终总结」

2,074 阅读6分钟

「时光不负,创作不停,本文正在参加2021年终总结征文大赛

时间苍白了誓言,流年老去了容颜。曾怀热忱之心,挥汗之于危楼;不觉时光清浅,流逝方寸之间。抬眼来,竟至年末,不禁坐而短叹。愿以此文,闲谈今年之所从事,祈愿来年之所心安。待何日,闲坐于书斋庭院,饮茶于微风和煦,艳阳暖暖,回顾之,聊以宽慰。

一、开发经历

1. 概括

今年,本人的工作以 React 为主。参与开发的项目基本是以 Ant Design Pro 为模板的管理系统。其中有增删改查类型的表格表单页,也有数据可视化面板页,还有小型论坛项目。当然,也用到过 Vue 2.x ,开发了一个自适应的数据可视化大屏项目。

2. 项目 & 技术栈清单

  • 管理系统
    • Ant Design Pro 模板(内置路由管理、权限管理、ahooks 请求等功能及模块)
    • 表格表单:ProComponents
    • 数据可视化方案:Ant Design Charts
    • Table (表格)组件拖拽列宽插件:react-resizable
    • 图片裁剪插件:antd-img-crop
  • 论坛
    • Ant Design Pro 模板
    • 富文本编辑器:wangEditor
  • 数据可视化大屏
    • 脚手架:Vue CLI
    • 数据可视化方案:ECharts
    • 自适应方案:基于 transform 进行等比例缩放

3. 问题 & 总结

今天也是问题满满的一天呢,是每天都和 Bug 斗智斗勇的我的真实写照。当我把新写的 Bug 放入项目时:

Bug & 我的项目.gif

在此,我简单回顾下今年遇到的那些难忘的问题解决方案

  • 对后台的返回参数太过信任
    • 描述:接口返回的数据直接拿过来用,例如后面用了操作数组的方法,若返回 null 或其他格式则会直接报错。
    • 解决:使用封装好的公共方法对接口返回的数据做处理,避免程序出错。
  • 数据展示及缺省优化
    • 描述:数据加载中时需要合理的提示,数据加载失败时需要合理的提示,数据为空时也需要合理的提示。
    • 解决:数据加载中时要根据页面特点使用合适的 loading 做出提示。加载失败这个就不用说了,数据为空时要使用空状态组件或占位缺省图,提高用户体验。

二、写作经历

1. 语雀

我是今年六月份才开始整理笔记的,之前看视频学习都不怎么记笔记。后来知道了语雀,就开始整理属于自己的知识库。

我的语雀知识小组.png

语雀知识库-前端技术.png

PS:由于种种原因,我的语雀知识库已暂停维护。

2. 掘金

今年十月份,我才开始尝试把自己的所学所用(当然也有从其他技术巨佬那里学来的)整理成文章发在掘金上。截止今天,总共发表了十余篇文章,参加过两次更文活动,收获点赞400+,阅读2w+,也可以算是小有收获了吧。

我的掘金主页(2021-12-05).png

下面来总结下我今年写的文章:

三、我 & 掘金

1. 重要时间节点

  1. 2020/05 —— 初识掘金
  2. 2021/07 —— 正式注册
  3. 2021/08 —— 结交掘友
  4. 2021/10 —— 开始写作
  5. 2021/11 —— 获得周边

2. 初识掘金

当时有同事分享了我一篇文章,我才了解到掘金这个网站的。顺便说一下,这篇文章是《一个合格(优秀)的前端都应该阅读这些文章》

3. 结交掘友

在掘金不但可以遨游在技术的海洋,还可以结识许多志同道合的小伙伴。下面我列出了其中一部分掘友,小伙伴们来康康有没有你也在关注的吧~

  • 半夏的故事:『踏踏实实编码,认认真真写文』
  • 寒草:『寒草的分享 = 50% 知识 + 50% 快乐 + 0% 焦虑』
  • 快跑啊小卢_:『是金子总会花光』
  • Sunshine_Lin:『梦想是“使粉丝人均薪资达到20k”』
  • YK菌:『爱思考,爱总结,爱记录,爱分享』
  • 獨釣寒江雪:『Nothing is given, Everything is earned』
  • 弹吉他的Coder_Q:『把每个自己负责的项目当成艺术品,去打磨它, 热爱自己所写的程序』
  • GleenLey:『代码不是生活,有可能是兴趣』

4. 获得周边

在参加的征文活动中,获得了几件周边,感谢所有读者的支持,感谢掘金。

IMG_20211205_143009.jpg

四、个人经历

1. 去了哪

樱花盛开的地方

四月份,去了青岛的中山公园赏樱花。

IMG_20210417_095434.jpg

晴空与樱花尽收眼底,身处此地时间仿佛静止一般。我沉醉于这美景之中,以至于忘了自己在这停留了多久。

IMG_20210417_101212.jpg

夏天的风我永远记得,清清楚楚的说要热死我

七月份去了泉城济南,先去了解放阁。

IMG_20210710_105258.jpg

我们今天的幸福生活是由无数英雄用生命换来的,我们没有理由忘记。缅怀先烈,牢记历史

IMG_20210710_160139.jpg

来到趵突泉,看到那一汪清澈的池水,不仅想起了杨万里的《小池》:“泉眼无声惜细流,树阴照水爱晴柔”。我于盛夏来到此地,虽然汗流浃背,但是这缓缓荡漾的池水,这绿树与小亭,让我可以放下心中的疲惫与躁动,静静聆听,静静感受。

IMG_20210711_101706.jpg

一来到大明湖畔就被这里的景色所吸引,蓝天与碧水相映,湖堤翠柳与湖中朵朵莲叶相伴。偶尔零星的几枝荷花出现在一片绿色之中,犹如众星捧月,在微风中翩翩起舞,曼妙多姿。济南的确像那句诗写的一样:“四面荷花三面柳,一城山色半城湖”。

2. 公益行动

公益方面,今年只做过两件小事:献过一次血,给某基金会捐过一次钱。希望明年可以做得更多,牢记人人为我,我为人人。

五、不忘初心

不忘初心,方得始终。尽量不被环境所影响,坚持自己的道路,路远梦难成,初心不可丢。

  • 不断学习,追求技术提升
  • 乐于分享,乐于帮助他人
  • 戒骄戒躁,时刻调整心态
  • 技术驱动,技术服务于人

六、展望未来

希望在接下来的2022年,我可以变得更好:

  • 技术水平提升,前端功力更上一层楼
  • 写作水平提升,写出更多高质量文章
  • 自我调整能力提升,更好的调整心态,迎接新的困难