劉博文：程式碼無終點，堅持跑，就不會輸

圖靈訪談第1027期

2012年，他17歲，中專畢業。

2015年，他20歲，加入國內知名網際網路公司360，成為360最大前端團隊奇舞團的一員。現任360導航事業部資深前端工程師。

2019年，他24歲，出版首部技術書籍《深入淺出Vue.js》。

目前負責360導航首頁及二級頁創新專案等億級PV站點的設計與優化，推動Vue.js成為部門內廣泛使用的核心技術棧，獨立研發相關開發工具與技術解決方案並使之成功落地。

從中專畢業的門外漢，到360前端工程師並出版技術書籍，他完成了職業生涯的巨大跨越。他是怎樣自主學習，快速成長的？本期圖靈訪談對話劉博文，一起來了解他的前端之路。

8000塊錢在北京能活多久？

「雖然也很努力，但我覺得更多的是靠運氣。」

17歲那年我中專畢業，是學計算機的。但當時的中專就是告訴我什麼是計算機，有個職業可以用計算機去工作。

剛畢業的時候，我到瀋陽的一家企業去上班，不會JS，CSS也只是略懂。面試的時候，他們可能不知道我的水平，覺得我還能幹活，就讓我去了。結果入職後發現，我啥也不會啊，又不好意思直接讓我走。就給了我兩個選擇，一個就是接著幹，當學徒，學徒就沒有工資；還有一個就是別在這幹了。我想了想自己確實挺菜，那就跟著學吧。

同學都說我傻，不給錢還給人幹活。現在回頭看，是我運氣好。如果沒有這個當學徒的機會，我就沒辦法踏入這個行業。

2013年，我18歲，想自己來北京。那時家裡人有一點擔心。他們是不支援的，但還是給了我5000塊錢，覺得等我錢花完了就自己回來了，總不能在那餓死。

但他們肯定想不到，我就用這5000塊錢，加上自己攢的，一共8000塊錢，一直堅持到現在。

當時我算好了這8000塊錢，要在北京租個房子，押一付三，一個月房租按1500算，一共需要6000。我包都拎來北京了，還沒找工作呢。就是住一個小旅店，每天還要花200塊錢。也就是說我要在10天內找到工作並租個房子。

當時也是命好，真的找到一個特別小的公司，讓我去上班。因為我知道自己的水平，能找到工作還挺高興的，先能養活自己就行。而且公司最好的一點就是供住，員工可以每個月花200塊錢住在宿舍裡面。這就直接解決了我的生存問題，也是我在北京邁開的第一步。

工作了一段時間後，我還是隻會寫頁面，切圖，而且忙到沒有時間學習。這樣下去肯定不行，我就換了一個比較輕鬆的公司，為了有時間去學 JS。後來學到一定階段的時候，我遇到瓶頸了，因為學的東西沒辦法在工作中用上。

我就又換了一個公司，這家公司只用一種語言就是 JS，服務端是用 Node.js 寫的，比較符合我的需要。我可以充分去實踐和提升技術，而且工作任務很繁重，那是我成長最快的一個階段。

再後來，就到了現在的公司360。360給我的感覺像學校，整體工作氛圍是比較輕鬆和自由的，任務不會把人壓到一點時間都沒有，我們有充分的時間自己去學東西。而且像月影、成銀、李鬆峰老師和屈屈這種大牛會經常在公司內部講課，有什麼不懂的還可以去請教。

Vue.js 才沒有看起來那麼簡單！

初識Vue.js時，它還未被眾人認可。想不到5年後，為它寫了一本書。

我接觸 Vue.js 比較早，大概是2014年。因為上一份工作接手了一個同事的專案，就是用 Vue.js 寫的。當時它是零點幾的版本，還沒有正式的一點零版本。我簡單瞭解了一下，發現它和 Angular 1 很像，挺輕，挺優雅的。需求都能滿足，學習成本還不高。

當時用 Vue.js 的人比較少，大家都沒怎麼聽說過。它不火到什麼程度呢？我們組新來了一個人，跟我一起寫專案，我說專案是用 Vue.js 寫的，就給他看了一下程式碼，講了一下專案。然後，第二天他就離職了。

有半年的時間吧，我都在想是不是因為我們組的這個專案，用 Vue.js 他覺得太 low 了，所以不想幹了？直到後來 Vue.js 被大家廣泛認可，我才打消了這個想法。

我剛入職360的時候，我們組的專案都執行了很長時間，很穩定。一次偶然的機會，我們打算新開發一個後臺管理系統，大家開會討論技術選型。就業務來講，我認為使用框架和對應的元件庫會極大降低開發成本，就強烈推薦使用 Vue.js 技術棧，因為考慮到學習成本比較低，而且我對 Vue.js 比較熟。

現在大家已經習慣了使用框架開發，但在當時，我的提議遭到了非常強烈的反對。大家不停地提出各種問題，我也不停地給出解決方案，會議室現場變成了辯論會。

最終，我的 leader 給了我一個機會，如果想使用 Vue.js，就要在短時間解決兩個最重要的問題，登入和部署流程。因為公司的統一登陸中心是結合後端來實現的，純單頁靜態專案就意味著之前的登陸完全不能用了。部署流程也需要全新的解決方案。

當時我還有其他任務，所以就只能利用下班和週末的時間去做，好在最終問題解決了。這就是我們組正式使用 Vue.js 技術棧的時間點，也算是在後臺專案中的一次試水。後來，我們組開發一個新產品，是面向C端的專案。在技術選型時，我又一次強烈推薦 Vue.js。因為上一個專案，有一些同學已經熟悉了 Vue.js 的開發模式，這次我也解決了一些遇到的問題（由於產品是圖文內容類，存在 SEO 問題，等等）。就是這個專案真正推動 Vue.js 成為了我們的核心技術棧。

對 Vue.js 越來越熟悉，我在部落格上陸續釋出了一些梳理它內部原理的文章，作為總結和記錄。2018年，王軍花老師看到了我的部落格，找到了我，問我有沒有興趣寫本書。當時我感覺很突然，這東西我寫不了啊。心裡邊是很想寫的，又擔心寫不好，內心很掙扎。一天後，我和軍花老師說可以試一下。

可能跟性格有關係，我從來都不是等把一切都準備好了，再去做一件事。一般都是機會來了，先幹著再說。中間有問題再去解決問題。

當時我給自己定了的目標是6月份交稿。我列了一個大綱，然後倒推，一個月為一個節點。寫作過程中，每個節點的進度可能比預期的快或慢，但總體在可控的範圍內。

寫作時間就是午休和下了班之後，一天差不多要寫兩三個小時。其實後期也會覺得枯燥，沒有靈感。開始懷疑到底值不值得，這件事真的這麼重要嗎？我是不是用這些時間做其他事更划算？但沒有真正想過放棄，就這樣堅持下來了。

在寫作過程中，我對一些 API 原理的細節理解得更深入了。

舉個例子，我發現 Vue.js 對函式報錯這方面做了很嚴謹的處理。當我們使用 Vue.js 開發專案時，編寫的所有程式碼都是 Vue.js 呼叫並執行的，所以它在執行使用者的程式碼時，做了錯誤的捕獲處理。

還有就是計算屬性。一個函式，可以返回計算後的結果。它要實現一個很重要的功能，就是當計算屬性所依賴的某個狀態發生變化時，計算屬性的返回結果也需要做相應的變化，這個我之前確實沒想過 Vue.js 是怎麼做到的。

工程師的賽道上決定輸贏的，只有兩個字叫「堅持」

「我自己特別在意的事，多苦多累都要把它幹完。」

一直以來，驅動我做事情的都是「我想」，而不是外界的期望。

這種性格有優點，也有缺點。比如說上學的時候，我學習不好，倒不是因為笨，而是因為我當時覺得，學習的結果就是分高分低一點，而這個分數什麼用都沒有。優點就是我自己特別在意的事，多苦多累都要把它幹完。包括來北京弄這個計算機。

我覺得我的職業生涯，更像是一條沒有終點的賽道。而且這條賽道是不公平的，大家不是在同一條起跑線上開槍往前跑。當我剛開始跑的時候，可能別人已經跑了五年了。別人跑了好幾萬米了，我才剛開始第一米。

好多人想問我怎麼才能跑得更快，把這場比賽跑贏。其實沒有任何方法和經驗可以讓誰跑得更快。即使在短期內快一些，但在這條沒有終點的賽道上，沒有任何意義。大部分人跑到中途就主動放棄了，這就是為什麼大牛那麼少。唯一能決定這場比賽輸贏的，只有兩個字叫堅持。在這條賽道上跑贏的，不是那些跑得快的人，而是為數不多堅持跑的人。他們能跑贏，只是因為他們還在跑。

讀程式碼其實是一種能力，可以鍛鍊。你一開始可能讀不懂比較複雜的原始碼，可以讀像 Underscore 那種簡單一點的工具函式，重要的是訓練你的大腦。經常閱讀程式碼的人，理解力會逐漸上升。如果你不經常看程式碼，一段就研究老半天。尤其是框架，不是一段程式碼，是一坨，你直接就蒙了。

全棧工程師養成計劃

對於習慣計劃與記錄的人，時間的脈絡變得清晰和可控。

我每年都會給自己定目標，應該在哪個技術方向上深入一些，然後把相關的經典的書買下來，看一看。平時也會讀一些所謂沒有用的書來調節一下，比如哲學類和心理學的書。

幾年前，我發現一個人很難把所有東西都學會。如果漫無目的地去學，很多東西看完之後就忘了。我會挑比較感興趣的領域去研究，這個領域中的所有問題都看一下，但是對於其他領域的比較深入的知識，可能就先放一放，以後再去研究。

如果自己有目標的話，哪些東西是沒看的，哪些東西是應該看的，其實心裡都有數。

平時做事我有一個小技巧，是使用番茄工作法。不是用作秒錶，到點了就停。對我來說，它是統計的工具。比如說以一週，一個月為週期，記錄我每天有效的專注時間是多長。據我統計，我每天專注的時間很短，也就兩三個小時，差不多四五個番茄鍾。

一旦得到了這個資訊，我就可以規劃，每天把專注的時間用於哪些重要的事。不重要的，或者一些不太需要腦力的工作，都可以往後放。

除了這種大目標，一年中我還會定幾次小目標。比如說一個月或兩個月，堅持做一件事。每天我都會為它分配一部分專注的時間，持續下去，直到把這件事做完。

可能是我的性格原因，沒有辦法同時做很多事。我更適合一次只做一件事。

不管是寫本書，還是平時自己學習，我覺得做一件大事要比無數小事要好。前幾年，我就是學得很雜，看什麼火學什麼，沒事就看論壇的各種文章。過了一年，都不知道自己看了啥，完全記不住。就像一個漏斗，我細碎的時間全部漏下去，什麼都留不住。我應該把我的時塊變大，才能卡在這。

未來我想成為一名真正的工程師，而不只是前端工程師，打算涉獵計算機其他領域。現在前端一些顛覆式的工具和創新，比如 Webpack，Babel，都不是一個純粹的前端工程師能創造的。好多超大型的專案，都需要前端後端綜合的解決方案。如果只做前端，只能寫個 JS 的工具函式，僅此而已，解決不了真正的複雜場景下的問題。

生活方面的話，我比較喜歡旅遊，每年都會計劃出去玩兩趟，未來還是會出去多玩一玩。我喜歡去自己沒去過的地方，看一看，接受一些新鮮的東西。要是有緣分的話，找個女朋友。

世上並沒有偶然，如果一個人務必要得到什麼，並最終得到了，這就不是偶然，而是他自己的功勞，他的意願將他領向了那裡。——赫爾曼黑塞

---

圖片：劉博文友情提供

採訪：樂馨，李冰

撰文：李冰

《深入淺出Vue.js》作者：劉博文

本書獲得360奇舞團團長月影和《JavaScript高階程式設計》譯者李鬆峰作序推薦，從原始碼層面分析了Vue.js。