一個熱愛圖形、熱愛作飯👨🍳的程序員｜ 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 個人半程成長之路徵文活動正在進行中......