阅读 2461

一个热爱图形、热爱做饭👨‍🍳的程序员| 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篇文章,虽然每天可以看到很多新东西,但是知识需要由点到面,需要一个系统的复习, 将整个知识串起来,你就会发现,原来是这样哇!当你有这样的感觉,恭喜你,有点结构化了。 我个人比较喜欢用思维导图来记录学习。

js思维导图

还有可视化思维导图,因为我还在准备,等我搞好了,会无条件分享给大家,记得点关注哦,怕你到时候找不到我了。

展望未来

对于下半年的目标就是

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

总结

不知不觉来掘金已经两年了,掘金见识了我从一个小白慢慢成长的过程, 现在就想为掘金贡献自己的一份力量🍐, 今天刚收到了掘金送的短袖,十分的开心😊,最后还是希望自己,勿忘初心,砥砺前行!送给所有coder一句话,纸上得来终觉浅,绝知此事要躬行,加油!

学习交流

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

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

文章分类
代码人生
文章标签