曹大帶我學 Go(6)—— 技術之外

你好,我是小 X。

曹大最近開 Go 課程了,小 X 正在和曹大學 Go。

這個系列會講一些從課程中學到的讓人醍醐灌頂的東西,撥雲見日,帶你重新認識 Go。

有學員私下和我說,這個課程挺打擊他的自信心。我能理解,課程的確是挺難的。

慢慢來,多看、多問、多總結,肯定是可以攻克的。

曹大本人說:我積累好幾年的內容,一個月想全學明白挺難的。

確實,光第一次課的調度就夠喝一壺的了,上次課講的內存分配和垃圾回收很多人可能直接懵了。這很正常,這一塊的內容是非常難的,甚至是最難的,因爲這涉及到 Go 底層實現了,沒幾個人研究得那麼深。

像 Go 的垃圾回收代碼,全世界能維護的就那麼幾個人。我們能看個大概意思,就已經很厲害了,絕對吊打面試官。

話說回來,上這門課,不光能跟着曹大學到技術,還能學到很多技術之外的東西。

曹大之前寫過很多文章,但沒有做過動畫。這次爲了訓練營,他還專門看了幾本設計書,又是學做視頻,又是學做動畫,“騷” 的不行。

課程裏動畫非常多,尤其是內存分配和垃圾回收這一章,動畫簡直太多了。據他本人說,這些動畫把他畫吐了。

爲了體驗一下,這兩天我也嘗試了一下做動畫。

課上曹大用了一個在線的設計工具 Figma,它的一個非常大的優點是分享個鏈接過來,就可以看了。而且如果源文件有修改,我們馬上就能看見,非常方便。

我想學怎麼做。

但我不需要問:曹大,動畫是怎麼做的,教教我啊?我只需要知道關鍵字:Figma。

這就夠了,剩下的用搜索引擎就解決了。不過,如果你用的搜索工具不行,那搜出來的內容質量確實也是不行的。

像這種動手操作類的,最好就是搜一下相關的視頻。我自己在 B 站上沒搜到高質量的教程。最後,在 youtube 一下子就找到了想要的視頻,看個幾分鐘就大概明白了動畫是怎麼做的了。

爲了鍛鍊一下大家的搜索技能,我就不把地址放上來了,關鍵信息都給你了。

另外,有一點要額外注意的是,搜索的時候,一定要用趁手的工具。比如,之前學員羣裏有同學說曹大在 Go 夜讀講過彙編,非常好。然後就有很多學員問地址在哪?

還是那句話,關鍵信息都給出來了,用搜索引擎就是幾秒鐘的事兒。學習,一定要主動,不能什麼都等着別人投餵。

不過,你要用百度搜索,那可能真搜不出來。你看下我用百度和 Google 的搜索結果對比:

Google 搜索結果

百度搜索結果

用 Google 搜第一條就是,而用百度,壓根沒找到。

高下立判!

題外話,到此結束,這篇文章主要還是來講一下怎麼做動畫。

其實只要掌握幾個核心的要點,就可以學會怎麼用 Figma 做動畫了。

我們想一下小時候看的那種膠片電影:

膠片電影

每一張膠片上的影像都是靜止的,但是當膠片連續滾動時,靜止的圖片就變成了連續的視頻。

或者想像一下小時候我們看的那種武打的小人書,連着翻頁,就能看到一個連續的打鬥場景,非常神奇!

用 Figma 做動畫呢,也是類似的原理。

我們可以創建一組畫布,在不同的畫布之間,相同名字圖形的變化 (大小、透明度、顏色、旋轉等),通過 smart animate 就可以自動“腦補” 出動畫。

Figma 畫布

這組畫布連起來,就形成了動畫。

原理就是這麼簡單,具體怎麼做,大家看個視頻教程就全會了。

如果做一個比較複雜的動畫,涉及到很多的圖形,就比較複雜了。我自己想到的一個方法是,先畫出一個全貌作爲 “母畫布”,然後再構建每一張子畫布,這時就像做減法一樣。因爲單張畫布,其實都是這個“母畫布” 的子集。

最終呈現的效果是這樣的:

講的就是之前的文章《迷惑的 goroutine 執行順序》,這次用動畫的形式展現了,是不是非常精彩?

動畫可以更直觀地展示原理,在一些技術分享的場合還是很有用的。尤其是很多人都還停留在滿篇的文字,或者 “裝逼” 一張幻燈片就一個關鍵字、對着講 5 分鐘、有幾張圖就算不錯了的情況下,這時你啪來一個動畫,你就是全場最靚的仔~

好了,這就是今天全部的內容了~ 我是小 X,我們下期再見~


歡迎關注曹大的 TechPaper 以及碼農桃花源~

本文由 Readfog 進行 AMP 轉碼,版權歸原作者所有。
來源https://mp.weixin.qq.com/s/OHljMca3k7m__puOUCrrtA