一个热爱图形、热爱作饭👨🍳的程序员｜ 2021年中总结

前言

我是谁 ？

一个喜欢图形的程序员👦，由于名字带有飞，因此取名Fly。由于如今项目的缘由，爱上了图形，忽然数学原来这么有用，原来前端不仅是写页面，还有炫酷的webgl，原来直线方程、一元二次方程、参数方程、微积分、求导。这些数学概念在工做中，真正的都是实打实的有被用到。本篇文章大概从下面👇几个方面总结下这半年的我

1. 工做

2. 生活

3. 学习

4. 爱情

5. 写做

6. 展望将来

   工做

   今年的刚开始能够说是我接触3d的第二个月，从一开始的拒绝，想着去逃离，记得一开始作的第一个功能，3维空间中点的移动，当时本身因为以前作的网页开发，入手起来真的是很是难，难到天天晚上回去都失眠，研究项目的代码，最后仍是在同事的帮助下，完成了功能。 那段时间一度怀疑本身是否是选的是正确✅的，去作3d,我清晰的记得我和HR小姐姐说，上份工做没有挑战，喜欢有挑战的工做，进来后，心里仍是有一点畏惧的，我给你们看一张图吧，你就知道个人痛苦是咋样的！

3维空间的移动，一定涉及算交并差，以及洞的概念。 和当前图形相交以及最变态的是什么？ 是移动图形上的一个点和本身发生了切割，这对刚接触3d的我来讲，真的很是很是难！ 可是 好在有咱们的同事，理解了一些基本概念后，也成功的作了出来，可是对于本身的信心事一大鼓舞，再接在力上半年大概啃了下面👇这些功能，有对现有功能优化、也有从0-1实现。

1. 多房间模式
2. 拉伸优化,
3. 侧量
4. 多边形
5. 镜像
6. 材质替换
7. 以及如今在作的支持任何字体的3D文字

每一次功能的完成，除了对于本身信心的加强👍以外，更多的是对图形的慢慢产生了喜好，原理数学能够这么有意思。我本人是比较追求原理的，因此慢慢去了解背后的底层原理， 而后工做之余我会去看一些书，去逛逛github发现一些特别有意思的东西。 后面我会讲到，总的来讲，对于本身上半年的工做状态很是满意、天天都在工位上边写代码、边唱歌🎤

这都是否是重要的，主要是你们一块儿配合哇。晒一张工位图吧：

生活

作饭👨‍🍳

下班后，属于本身的时光就开始了，同时也是喜欢作饭， 不知道是否是本身美食博主的视频看多了，有点无师自通的感受哈哈哈哈， 炒菜先炒出锅气啥的，而后我特别喜欢炖菜。继续放图， 但愿你不是在饥饿的状况下看个人文章哦， 我怕你更饿了，😁哈哈哈哈

第一张是猪蹄，当时想的很清楚，利用炖菜的时间，我刷会剧，后果可想而知， 就是有点枯了，可是也不影响他的美味

👀这色泽，是否是有点感受，若是这张不能说明个人厨艺的话，那里请看下面一看，排骨炖豆角，此次我可没有卖呆哦，全程守在厨房，才有了它的诞生，味道仍是十分美味的

哈哈哈哈，之后年纪大了，直接转行👨‍🍳，不怕35危机了，哈哈哈哈。

健身🏃

健身是2020年底立下的flag， 一开始公司尚未搬到总部的时候，就在公司办了张健身卡，一年500，真的是很是的便宜，当时想着怎么着也要天天去run一下， 其实后面也坚持下来了，天天爬坡40分钟，我健身可能算不上健身，因为长期熬夜的缘由致使本身很容易长痘， 有点内分泌失调的感受。🏃‍♀️的那个月明显感受本身的皮肤获得了显著的提高，同时感受身体更加的健康。后面搬到公司总部了，虽然也有健身房，可是也懒的去了，人果然仍是有惰性的，作到长期自律， 真的很不容易。搬到总部来，天天的伙食也是很是的好，我就不show了，在show就要拉仇恨了，我就晒一下本身健身打开的照片哦。

旅游

世界辣么大，我要出去走一走。今年五一的时候，去了躺网红城市🏙——长沙， 长沙这个城市给个人感受就是很是的年轻，我清晰的记得刚下高铁🚄站的那一刻，怎么都是18-24岁之间的俊男靓女们， 有种回到大学的感受，毕竟在上海待久了，打工气息浓厚，不多有这样的感受，此时我回忆长沙想到的就是——茶颜悦色 和 空气中充满后厨作饭的味道 不是很好闻，茶颜悦色却是喝了不少杯。 可是长沙之旅——最难过的一点 就是咱们长沙玩了几天以后， 去了张家界，去了张家界结果就是被强制消费，很是的sad哇！ 后面在我和个人小伙伴们强烈维权的请况下， 中间给咱们退了钱， 其实咱们和别人谈判的时候还录了音，留作证据，想一想这些奇奇怪怪的经历，也只有旅游能给个人人生增长点奇怪的色彩吧！

学习

源码阅读

其实我在2020的年终总结就写到，我要读源码，规划了以后，我上半年看了

1. axios 源码
2. redux源码
3. react的部分源码 ——react 的事件系统 和 部分react hook 源码

其实每一篇看完一篇源码，我都在掘金写一篇文章记录下，由于看过，若是不及时总结，写文章偏偏好就弥补了这一点特色，边写边反思， 而后就明白其中的奥妙了， 看源码首先必定明白，他的诞生解决了什么问题？ 先明白他的思想， 再去看他的架构，最后再去看他的一些代码就一目了然了，其实也没什么奥妙的，这时候有人就会说，看源码不就是为了面试？千万别这么想，当你工做中遇到问题， 就像前几天遇到react事件冒泡的问题，看过源码的知道，react里面都是合成事件，经过documnet监听每个事件，而后进行分发。正好咱们项目中， 也在document下也作了一层命令分发，将canvas的每个事件分发到全部command中，同时项目中也注册了热键，我在ui层输入框，输入一个热键 结果就触发了其余命令， 若是你在合成事件去阻止冒泡都是不行的，必需要在这个组件加载的过程当中， 监听原生输入框的输入事件，让他阻止冒泡到document层上。这就解决了， 问题解决的关键是我读过React 的事件系统的源码 —— 不清楚的同窗能够看下我下面这篇几篇文章

1. 带你从头至尾撸一篇redux源码
2. React17 事件系统源码解读
3. 面试官不要再问我axios? 我能手写简易版的axios

后面有时间也会继续为你们输出源码解读、 react-router 、 react-hook。这都是我想表达的系列，不过最近的几篇文章都是关于可视化的。

可视化

因为工做的缘由，我想着该如何将本身知道的一些知识表达给你们，我发现掘金不多有three.js、canvas这样的文章， 因此想着本身略懂一点， 给你们分享一点小小的知识，因而就有了我可视化专栏下面的这几篇文章的出现，最可气的是我有一篇文章，居然被某乎转载，我本身都不知道，在我未受权的状况下，随便转载， 个人文章都是我周末花两天时间写出来了，力求作到通俗易懂，毕竟每一个人的知识层面不一样哇。 仍是但愿你们，对待每一位认真的创做人哇！

1. 深刻理解svg之path
2. 面试官问我会canvas? 我能够绘制一个烟花动画
3. 3千字长文实现canvas实现任意正多变形的移动（点、线、面）
4. 带你入门three.js——从0-1实现一个可视化地图
5. 数据可视化——从0-1实现折线图

目前获得的反馈仍是很是好的，我仍是继续输出高质量可视化文章，不辜负每个关注者的喜好。

读书📚

上半年读的书不是不少

1. 李冰的 浏览器原理和实践
2. 深刻浅出webpack （正在读）
3. 计算机图形学- webgl
4. 月影大佬的可视化

19-20的时间，掘金做为主要的博客阅读平台，读了大概2000篇文章，虽然天天能够看到不少新东西，可是知识须要由点到面，须要一个系统的复习， 将整个知识串起来，你就会发现，原来是这样哇！当你有这样的感受，恭喜你，有点结构化了。 我我的比较喜欢用思惟导图来记录学习。

还有可视化思惟导图，由于我还在准备，等我搞好了，会无条件分享给你们，记得点关注哦，怕你到时候找不到我了。

展望将来

对于下半年的目标就是

1. 持续输入高质量文章（作到周更）
2. 深耕计算机图形领域（渲染、优化、图形算法）
3. 增强前端工程化方面，这是个人弱项，我得和社区大佬多学习

总结

不知不觉来掘金已经两年了，掘金见识了我从一个小白慢慢成长的过程， 如今就想为掘金贡献本身的一份力量🍐， 今天刚收到了掘金送的短袖，十分的开心😊，最后仍是但愿本身，勿忘初心，砥砺前行！送给全部coder一句话，纸上得来终觉浅，绝知此事要躬行，加油！

学习交流

我创建了一个可视化学习交流群，喜欢可视化的小伙伴，能够关注我公众号【前端图形】， 回复【加群】就能够了，我拉你进群， 时不时分享一些可视化学习资料。

掘金年中主题活动 | 2021 个人半程成长之路征文活动正在进行中......