序言
时光如行云流水,转瞬之间,2021年即将过去,在这里回望并记录下自己这一年的工作和生活,展望下未来。
工作 - 今年干了哪些项目
- 完成 React 框架的推进和实践
- TypeScript 的应用与实践
- Lottie-web 动画库的应用于实践
- 基于YAPI / ApiPost 构建接口本地化 Mock 服务开发模式
- 基于 React 的基础组件、业务组件的开发与实践应用
- 自动化埋点系统的应用
技术
React
今年公司要求转 React,从 Vue 转 React 也还是比较顺利,尤其是 React Hook用起来感觉很不错,开始 React之前看了看其源码,然后动手写了个核心 API,写过一篇相关文章:一个简化版react 核心AP
Reudx
对项目状态管理十分重要,也比对复杂,如果真心理解了核心,再去看与 Redux 相关的库,就容易理解多了,我写过一篇相关文章:Redux原理解析与实现
Typescript
今年一年全程都在用 TS开发项目,其实用起来还比较顺手,和以前写 C# 比较类似。
lottie-web
项目中遇到了大量的动效,采用 Lottie-web库来实践的,关于这我写了 2 篇文章: 结合Lottie-web源码的深入分析、 lottie-web 实践与应用
And Design
And Design 前几个项目用了它,不够由于业务的变化,该组件库逐渐的满足不了我现有的需求,
比如弹窗等,迫使我根据它重新构建了自己的组件库,目前抽离出来初步命名为 Simple Desgin。
CSS variables (Use Open Props实现dark mode方案)
- 命名的唯一性,一致性
- 改变主题颜色简单快捷
- 可以通过js来设置变量值
duim & StoryBook 应用
- storybook更为稳定,但体量更大
- storybook支持更为全面技术栈的组件展示,dumi 不支持 auguler
- storybook和dumi都是开箱即用 (上手容易)
- storybook 预览环境整体基于 Webpack 构建,开发环境接近实际生产环境; dumi 基于father-build 构建, 打包编译的自由度略逊色于storybook
- storybook 展示环境实时可交互;dumi 更偏向于文档友好可视化。
- 总结: 支持多种技术栈支持用 storybook; 轻量快捷,快速开发一个组件可视化的教学文档,专注展示,优势 React 建议采用 dumi。
阅读的书籍
- React 技术解密
- 曾仕强:易经的智慧(听过2 遍)
- 曾国藩的识人用人之道
- 怪诞行为学
- 被讨厌的勇气
- 半小时漫画经济学
- 贫穷的本质
- 小岛经济学
- 沉默的大多数
- 月亮与六便士
- 黑天鹅
- 红与黑
总结
感谢这一年来指导帮助过我的同事和朋友们,让我懂得了许多,今年用 React+ TypeScript 实战了许多项目,感触颇多,发现许多不足的地方需要加强学习,提高软件知识和技术只是问题的表面,本质是要提高自己认识问题、分析问题、解决问题的思想高度。
规划
前端方向上
- - 提升技术广度与深度
- - 关注性能优化方面
- - 提升工作效率和工作质量
- - 提升用户体验,通过驱动业务,提升产品价值
- - 发现问题、总结问题,多写些文章,锻炼写作能力
业务方面
- - 学产品思维,学习设计,从而通过分析找到不优之处
2022: Read task
-
- 算法
-
- 数据结构
-
- 鸟哥的 Linux
-
- 知识的边界
-
- 金融的本质
-
- 平凡的世界
-
- 巴菲特传
生活
- - 加强锻炼,减脂是目标
- - 多陪陪小孩和家人
- - 稳健投资,控制好心态