第3年

零.回首

轉眼快到互不相欠的年資了，我才意識到雙方是如何償還的：

5年青春 <-> 資源與機會

學習收穫

51篇部落格中：

TypeScript：TS 特性 x19 d.ts x1
VS Code：VSCode 外掛程式 x3
React：React 新特性 x9 Taro x1
規範：ESn x3 Generator 與 Async function x1
後端相關：Query Builder x1 Token 登入 x1 BFF x1
Node.js：10 年 Node.js 歷史 x1
編譯原理：理論 x1 實作 x1
函式程式設計：Haskell x1 副作用處理方式 x1
工具：Git Submodule x1 Babel x1 Lottie x1
小玩具：emoji utils x1
CSS：CSS Feature Query x1 Flexbox 計算規則 x1

上了 TypeScript 大船，並砸了半年時間進去，摸索出了 VS Code 的一些小秘密，React 新特性勉強還跟得上，後端常識性空白在逐點填補，ES 規範一口氣補了 3 年，函式程式設計告一段落，工具玩具 CSS 等幾乎都告別了 Web 環境……技術知識累積不少，轉換形成的技術能力和價值輸出卻不多，知識邊界在向後、向下延伸。

目標完成度

前端技術生態專注在 React 體系，以及延伸出來的 Taro 等跨端方案
理想的框架沒有更進一步的想法，也缺少實踐場景
演算法上鑽過一些小點，但同樣囿於缺乏實際場景，沒有持續下去
演講技巧方面沒什麼進步，習慣被打破之後擱淺至今
設計審美方面沒有繼續深入，還停留在之前對齊、對比的常識階段
思考上有一些感悟，但還不成體系，沒有形成適合自己的思維模式
英語不進反退，熟識的單字日漸記憶模糊

主線只在 React 體系上有一些行動，框架、演算法以及演講、設計、英語都沒怎麼提升，整體完成度很低。實際行動偏離了計畫，一方面毅力不如從前，另外計畫可能也不是那麼合適。

成長經歷

一年 50 條心情記錄中：

缺少規劃：時間與效率 x11 目標導向 x3
開始思考：思考與反思 x4 主動和改變 x4
自制力下降，一些習慣逐漸被打破：慢節奏和堅持 x8 自制 x4
有所得：感觸 x12 經驗 x2

時間管理和效率問題一直沒有解決，思考力正在有意識地強化，經驗感悟逐漸多了起來，但自制力明顯下降。

10 月開始為期半年的匠心專注，是這 3 年以來唯一大片連續的時間投入，在持續的資源支持下，將一些點做到了極致，期間也與 VS Code、TypeScript 結下了不解之緣。

一.感悟

系統化思考

多從系統化角度思考技術，加強體系化建設能力。

從拿到這個評語的那天起，就在時不時地思索系統化的定義，究竟什麼樣的思考方式才算是系統化的？

1.5 年後理解到「系統化」的近義詞是「鏈路」和「閉環」，即「從鏈路的角度思考」，進而提煉得到「閉環思考」。似乎越來越接近了，但總感覺還有一些距離，觸摸著不那麼真切。

最近才意識到最貼切的解釋其實是「故事（化）」：

系統化思考，就是將故事的各個部分緊密聯繫起來。

有背景，有中心，有主線，有脈絡。將一件事放到一個大背景下，明確其中心意義，延伸出主線，再把相關聯的事情和角色都加進來形成脈絡，就有了系統，對應這樣一個葉子模型：

[caption id="attachment_1981" align="alignnone" width="969"] leaf model[/caption]

所以，系統化思考是一種從全域視角分析問題的方法，將問題與主線及大背景聯繫起來，就是所謂的鏈路，環狀的則是閉環。

模型

數學領域裡，模型的近義詞是公式，建立數學模型來描述實際問題，進而透過求解數學問題來解決實際問題。這種建模的思路實際上適用於所有問題，比如飛哥所說的：

跟你們說過多少次了，用平台的模型去衡量需求，不要什麼功能都往進加。

每個產品都有其模型屬性，決定了產品適合做什麼，以及不該做什麼。類似的，每個方案都有對應的模型，解決問題的過程就是：

把問題往模型上掛靠
執行模型求解

如何掛靠是關鍵，在面臨一些應該由模型解決，但依靠目前的模型無法直接解決的問題時，有兩種選擇：要麼反向豐富改進模型，要麼提供一種不那麼直接的方式透過現有模型來解決。所以，在很多時候，為了模型的健康發展，應該甚至必須選擇後者。

聽與說

與聽相比，我們總是更渴望說，因為天性渴望表達，渴望贏得認同，渴望被傾聽，渴望被尊重：

人生來就能發聲，以響亮的哭聲向宇宙高喊出「Hello World」，迸發新生的力量高呼「我在這兒，我就是我」。

但聽往往要比說更有力量，同時，傾聽也比傾訴更難。最早從《男人來自火星，女人來自金星》一書中認識到傾聽的重要性：

處在壓力之下的女人，並不急於解決她的問題。她先要把真實的感受說出來，喚起他人的理解和共鳴。只有這樣，她才能感覺寬慰和舒適。

不聽，只一味地說，毫無意義：

男人看見女人情緒不好，就忙不迭地戴上「修理大王」的帽子，指出女人存在的問題，為她提供解決辦法。這卻使女人感覺更糟！

如果把人看作管道，那麼聽是輸入方式，說是輸出方式，聽完加工過再說出來就是理解，兩個管道連接起來就是共鳴。

我為什麼寫部落格

剛認識那會兒，每週非得等到把部落格寫完了才出去。

現在已經認識一年了，所以，變成了：

就看著你寫了兩天的部落格。

那麼，為什麼要寫部落格？為什麼每週都寫？

形式上，寫下來多半是因為記不住，另外一些屬於沒必要記，隨用隨查的。因此，部落格大多是面向自己的，以梳理知識總結經驗為主，沒有前瞻性的預言，也鮮有貫穿歷史的洞見。

至於每週寫一篇，是因為自那時起，時間就被迫以週為單位高速運轉著，版本號一位一位地不斷變大，日曆也一行一行地迅速變灰……部落格與週報類似，算是一種週期性的反思與沉澱。而一週個還算恰當的期限，足夠產出一些進度，得到一些經驗。

週復一週，像是操場上延伸向前的軌跡，一旦停歇喘息，就可能到此為止。所以，週期也是一種約束，是在最難堅持的時候，也不願意打破的習慣。

另一方面，寫部落格其實是創造的過程，絕不是整理資料，而是一種內化和提煉。過程中往往都會有新的發現，因此每一篇文章都有其靈魂所在，像是知識的索引，比如：

這些加持讓 Class 成為了具備完整元件特性的唯一選項，儘管 Class 也存在許多問題，但它無可替代。——《函式式元件的崛起》

Query Builder 將 Query 的建立與序列化分離開了。——《Raw SQL，Query Builder 與 ORM》

真正有內在關聯的程式碼被生命週期拆開了，而完全不相干的程式碼最終卻湊到了一個方法裡。——《React Hooks 簡介》

更有意思的是，Render Props 與 HOC 甚至能夠相互轉換。——《React 元件間邏輯複用》

而沒有靈魂的文章，則是互聯網記憶中的垃圾。

一條腿走 10 年

一條腿走了 10 年還真不容易，是時候把另外一條腿慢慢長起來了。

前輩在純技術路線上走了 10 年後，似乎看到了這個方向的局限與盡頭：

在第一線工作快 10 年的這個節點，我發現純專業技術這條路能夠給團隊進一步提升價值空間越來越小。

直來直往的技術路線越走越「窄」，不是因為值得鑽研的技術都通曉了，而是繼續強化單兵能力很難對團隊，對企業產生明顯的貢獻了。

也就是說，到了這個階段，個人技術對企業的價值輸出已經趨於最大化了，單靠技術實力的提升很難再有價值上的突破，不得不從技術帶頭人的角色走出來，考慮或人或事的轉型。

如果任由我固執地走完 10 年蹤跡，技術上的成就或許不及前輩，人或事上的能力也不見得會有多麼出色。前輩已經佇立在遠方一眼望到了盡頭，而我正在同樣的征程上躊躇前行，所幸已經透過遠方的背影預見到了未來。

那麼，適合我的路線是什麼，怎樣才能走出自己的特色？

……現在還沒有確定的答案，但，是時候勇敢嘗試了。

二.目標

第 4 年

向後：不轉後端，而是從前端向後延伸
向下：不鑽演算法，而是 Node.js C++ 擴充
表達：先聽後說
思考：強化系統化思考能力
汲取：公司提供了太多的資源，可惜直到這個時候才發覺

遇見更好的自己

普通人從自己的錯誤中學習，聰明人從別人的錯誤中學習。

不只錯誤，正確也是可學習的。

經營影響力

後來，我明白了對外輸出就是輸出影響力，它除了可以帶來一定的收入，還可以帶來大量的人脈——因為這麼做的人太少了；而喜歡輸出的人，還是尋找相似的人。即馬太效應，隨著輸出越來越多，影響力就越來越大。

在累積、分享技術知識的同時，順便輸出個人影響力。本應該更早開始做這件事，但現在也不算太晚：

種一棵樹最好的時間是十年前，其次是現在。

管理時間

計畫和時間管理很重要，因為：

低效率會消磨熱情。

毅力和堅持雖然是前提條件，但里程碑式的階段性成果激勵也很關鍵。就像勻速跑與變速跑，平直的勻速會累積苦痛煎熬，而節奏明快的變速能讓整個過程張弛有度：

4 步一呼吸，6 步一呼吸，最後發現自由呼吸法最輕鬆。

從知識到價值

宏觀上，技術要連接商業才能產生價值。具象到知識與業務的關係，就是這樣的舉重模型：

 -           -
| |---------| |
 -  \  ○  /  -
     -( )-
      | |
    --   --
   |       |

雙臂分別代表技術知識和業務知識，兩個槓鈴片是技術能力和業務價值。

也就是說，知識決定肌肉強度，而業務價值才是舉重成績。更重要的是，強的肌肉與重的槓鈴片不是關鍵，只有雙臂力量協調，兩側重量均衡才能完成漂亮的舉重動作而不至於摔倒。

三.計畫

此時此刻，立即改變。

主線

向後
影響力
思考力

支線

演講藝術
向下

日常

表達
汲取