淘寶虛擬互動實驗室＠渚薰大神

前言

今天男一號，早讀君只看過他幾次分享的宣傳照跟分享的內容，主要都是跟動畫有關。本著好奇的跟 @ 渚薰大神約聊聊這些年他在前端方面的成長經驗跟選擇。

正文從這開始~

自我介紹

大家好，我叫渚薰，來自淘寶虛擬互動實驗室，是一名工作了10年的老前端。非常高興能在早讀課和大家見面，並藉此機會給大家聊聊我的經歷和我對前端職業的思考。

入行的經歷

我跟編程打交道，是從小學五年級開始。那會在Windows3.1上，開始接觸Pascal，覺得編程這個東西，能給我來非常大的愉悅感，所以就入這個坑了。小時候，最喜歡在小霸王上用QBasic編曲子。這些很古董的東西，一直伴隨著我渡過了童年的時光，也讓激勵我在長大後同時實現了寫代碼和成立樂隊（阿里996樂隊）的夢想。

真正開始寫網頁，是在大學時期，之前初中和高中經歷了幾屆ACM，成績比較一般（也證明了自己不適合搞演算法）。那會加入了學校的網路聯盟，其實也就是專門做網站的。最早用的還是ASP，微軟大法那套，IDE也還用的FrontPage，確實那個年代的IDE流行所見即所得，手寫代碼的比例大概20%。後來才慢慢改用網頁三劍客，也真正意義上讓自己蛻變成了一介碼農。然後開始混當年最火的前端論壇51js，也許我的ID（渚薰大神是有了微博後取的）不夠醒目，所以也就沒混出像寒老師那樣的人緣來（我現在也比較少混某乎）。

大學畢業後，第一家公司是金山軟體，而且陰差陽錯的成為了一名服務端工程師。因為有ASP的功底在，對服務端的開發也能得心應手，於是先後又入坑了Java和Python。那會我對一些後輩的教導是編程語言並不可怕，只要你懂得怎麼使用它們，做任何事情都可以。現在嘛老了，早就忘記了當年的Java、Python和PHP是怎麼寫的，而且反正有JS一統天下，也懶的去學其它語言了（小孩子不要學我:-)）。在金山的最後一年，開始真正做前端的一些事情。不過金山算一個傳統軟體公司，所以並沒有特別認知前端這個職業。當時就感覺到，自己還是希望搗鼓網頁，看起來一些酷酷的東西，也感覺自己在前端路上越走越遠，所以就從金山離職了。題外話，當年在金山還挺崇尚個人英雄的，比如求伯君、雷軍，因此我到現在還一直是雷軍和小米的粉絲。

從金山離職到加入阿里中間有2年多，和幾個哥們折騰了下開奶茶店和建外賣網站（很可惜沒做起來，不然絕對是中國最早的外賣O2O~_~）。沒折騰起來的原因很多，最主要的還是資源問題，比如硬體資源和人脈資源，這些都是硬傷。所以奉勸有創業衝動的年輕人，在沒有積累夠一定資本和人脈之前，千萬不要嘗試這條路，創業的甜頭真的很難嘗到，如果你把它當做一次涉世的機會到是不錯的，至少我在開奶茶店時，純粹覺得實業挺好玩的，做奶茶也挺好玩的，以至於後來用程序員的角度看待送外賣這件事，才有了後面正兒八經的創業。雖然缺了不少火候，但經歷告訴我，機會真的都在身邊，抓不抓的住並不是自己能決定的。之後在12年加入了阿里當年的一淘UX，成為一名前端工程師。

在加入阿里後，正好趕上移動互聯網的浪潮，所以在手機淘寶一呆就是五年。作為一名正經的前端工程師，手淘確實給我了不少證明自己的機會，也正因此讓我能一直長情的留在手機淘寶的大家庭里。到了工作後的六七年， 每個人心裡需要更加清楚職業道路應該怎麼走，從不同的角度看待自己所在的公司和所在的部門，必須要有足夠的判斷力現在所處的方方面面適不適合自己，而不只是抱怨著離開。要知道，就算是公司內轉崗，到了一個新的團隊很可能面臨著一切的重新開始，比如技術棧，日常工作流，甚至人脈和社交。其中，重新建立人脈和社交的成本是最高的。到了這個階段，我會考慮很多人脈關係的因素，當然換個新環境也是一種挑戰，但一定要想清楚自己追求的到底是一種新鮮和刺激感，還是用合適的方式證明自己。當原本的環境和團隊給你了很多機會的時候，是不是在困難的時候也應該回報它們。

我在阿里從事的方向

在阿里的頭三年，做了手淘前端架構的工作，整理整理規範，建立建立工程體系和資源庫，推廣推廣熱門的技術，打造打造像樣的輪子。這樣的工作，很多做架構的同學都會經歷過，個人親力親為的時候很多，也或多或少有些感觸。當團隊內大多數同學都撲倒在產品業務中時，自己一個人在折騰各種東西，並伺機讓其它同學來用這些東西。所以當年的KPI，就是各種落地，有時業務不給力，還得自己來尋求能落地的項目。所以，架構工作是看起來光鮮亮麗，實則做起來忍辱吞聲的一件事情。因為短期是看不到多少成果的，而且兄弟團隊之間都做著很多類似架構的工作，並都發誓要推廣到全集團，這種競爭可想而知，更何況在整個前端界了。但實際上，真正的架構都是為某個團隊量身定做的，要複製一份到其它團隊阻力並不小，特別從業務角度產出的架構更是如此。所以，如果仍在擔任這個工作的同學，首先服務好自己的團隊，服務好當前的業務，再者是不斷的提升方法學上的能力，而不是某個具體架構的技術。

在手淘第四年，因為組織架構的調整，我順其自然的加入了Weex團隊。在從事Weex工作中，我獲得了不少在運作一個大型開源項目時的寶貴經驗。從工程化質量，到項目推進模式，從開源社區工作，到業界宣傳發聲，每一個都是我以前沒有經歷過或者深入過的。Weex團隊帶給我的並不是開發一個熱門解決方案的能力，而是努力做到完美的態度。因此在手淘第五年，我選擇帶著這種熱情和態度，去追求最初的一個夢想：動畫和遊戲。

說我自己是個重度遊戲控，一點都不為過，接觸FC的日子（小學2年級）比我開始碼代碼的日子還早，可以幾乎清楚的說出從雅利達時代到PS4時代的總總變遷。所以，小時候的夢想是去日本的大廠開發遊戲。現實讓我把夢想變成在阿里這個大廠做動畫和遊戲。就像某職業眼中的其它職業的梗，H5動畫/遊戲行業的開發者並不願在他們自己頭上扣個前端的帽子，因為開發動畫和遊戲看起來要高深的多，前端很多時候是低門檻入行的代名詞。而且前端在做的那點動效，確實沒法跟動畫掛上鉤。選擇這個方向，真的是為了興趣和夢想。

現在，我在動畫和遊戲這個十分專業領域摸索一些東西。提到動畫，可能很少有話題專門來講述前端如何開發動畫，它一般和性能掛鉤在一起。但在做了很多次雙11的大型紅包『遊戲』之後，覺得以往前端做動畫的方式實在是太原始了。引用我們團隊經歷了無數次營銷活動的小夥伴話說，做一個動畫項目80%的精力是在不斷的調參數，這並不是理想的工作方式。所以我們成立了專項，開始研究業界（動畫公司，廣告公司，遊戲公司）是如何開發一個動畫項目的。說實話，隔行如隔山。互聯網公司的開發模式和這些業界公司真的完全不一樣，單從職業分工來說，這些業界公司會有動畫工程師的角色。而在我們這，界線很模糊，有時像是設計師的工作，有時又像前端的工作，還都不夠專業。如果，我們能像業界這些公司一樣工作，是否能給現在的團隊和手淘帶來一些變化呢？這是我們團隊正在探索的。

如何在前端娛樂圈摸爬滾打

在一個足夠細分的領域，可以挖掘許多意想不到的內容，前端圈已經不像10年前、5年前只是掌握HTML/CSS/JS這麼簡單了。我們不談JS的蓬勃發展，但就前端的業務形態來細分，現在動畫/3D/VR也是一門技術活。它不但衝擊著前端工程師的知識領域，而且也被證明著HTML/CSS/JS也就只是工具而已。在這個領域，JS/CSS的什麼高級特性看起來已經不那麼重要。比如Threejs用最基礎的原型鏈繼承一直走過了80多個版本，還一直活躍在WebGL的圈子裡，可見各種前端模式對於它們來說，又有何用。誠然像Vue/React，甚至Rxjs和Redux這些新奇的思想給前端圈帶來了不少騷動，但在動畫和3D的專業領域，更多討論的是普通數組和類型數組哪個更快，如何解決單線程CPU運算慢的問題，如何模擬一種材質的表面紋理，如何實現自然光的反射等等更接近學術的東西。

在前端圈，有了跨棧和跨端之後，我也想來賣個概念叫做跨界。從前端圈跨到遊戲圈，前端知識看起來已經變得微不足道了，任何一個前端大牛，在跨界後勢必還是一名小白。但，每個人應該感謝前端知識的積累對於其它行業的正向作用。如果讓寒老師來寫個Threejs能比它更好嗎？不能！但一 定更好用！很多同學，在剛開始入門前端時，發現前端也就是HTML/CSS/JS，走著走著發現HTML/CSS/JS是個啥都不知道。這句話有有貶義也有褒義，入了這行，有很多坑讓你跳，只怕你小心翼翼的沿著邊緣蹣跚前行。

最後，文中有一句話：各種落地，有時業務不給力，還得自己來尋求能落地的項目。做過新技術落地的童鞋，對這個應該有更強的認同感。

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！