天天看點

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

阿裡妹導讀:今年的雙11已經是阿裡資深前端技術專家舒文來阿裡的第11年,從應屆生到雙11前端PM,他一路更新打怪,實作了崗位上從P4到P9的晉升。這第11屆雙11順利結束之際,他把在阿裡這些年的成長經曆做一個總結和分享,希望你能在他的故事中得到些許啟發。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

作者簡介:舒文,來自淘系技術部前端團隊。目前負責淘系(淘寶+天貓)的營銷活動、互動的業務,也在阿裡巴巴前端委員會主導搭建體系的技術方向。

P4:懵懂學生入行記 (2008.10-2009.12)

2008年10月,入職阿裡巴巴日文站,以前端崗加入UED團隊。日文站 (

http://www.alibaba.co.jp

) 的業務源于阿裡巴巴國際站 - 提供線上的平台化服務,專注撮合中日貿易。

在那個前端的鴻蒙年代,頁面重構工程師和Javascript程式員還是兩個細分職位: 在阿裡,前端、互動、視覺共同劃屬使用者體驗部門。

而在部份公司,有專門的重構工程師。

在日文站亦如是:現實情況是杭州和東京的團隊,具備寫JS能力的工程師均不多。不少同僚專注在HTML/CSS領域,且專研極深。舉個例子:在日文站,所有的HTML/CSS代碼必須通過兩個Lint工具:HTML文書の文法をチェックし、採點します、[The W3C Markup Validation - 這讓代碼的規範性更好外,也能獲得更好的搜尋引擎分析&索引權重。

随着業務發展,需求場景多且複雜起來,對Javascript開發能力要求就越高。同時,也激發了我的技術熱情。除了看書,我迫切想參與其他事業部的前端交流會。感謝時任主管的支援,我開始主動跨部門溝通,将他山之玉和學習所得有了更多結合。慢慢地,在團隊内部提出一些技術方案并逐漸應用到杭州/東京兩個團隊 (特别感謝最早時代的D2)。

在那個階段,我幾乎參與了所有較為複雜的項目。結合當年的熱門大作《高性能網站建設指南》、Yahoo網站性能優化黃金法則,負責了主站的性能優化,取得了一些不錯結果。

2009年10月獲得了日文站優秀員工,年底順利晉升到新的層級(P5)。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

P5:從熱血到成長(2010.01-2011.06)

2010年開始,業務略微調整,參與“日本買家獲得”(Buyer Growth)。這個業務本質是通過平台技術優化(SEO、SEM等)獲得更高的搜尋引擎權重、提高Landing到轉化。

在這期間,随着被認可度提升、持續的項目曆練,我的自信心也得到了鍛煉。除了參與更複雜的項目外,我開始主動對業務和技術體系做出一些提案(Proposal) - 包括參考Google Webmaster Guidelines進行技術優化、參與了各種SEO項目,提出了現在回想起來各種或靠譜或不靠譜的提案。非常感謝曆任主管的支援和包容,讓一個楞頭青能夠沒有後顧之憂地敢想敢做。

日文站初版克隆自Alibaba.com,加之外包參與、跨東京和杭州多團隊開發等原因,全站前端架構混雜,包括不限于YUI/Mootools/PrototypeJS/ExtJS/TBra等前端架構&類庫混雜在同一業務甚至頁面。新人上手、多人協作、性能優化的成本很高,但曆史原因積重難返,大家苦不堪言。

結束一個大項目後,時值“憤青”的我對全站的代碼做了個調研和分析,說服了主管們,決定啟動一個重構項目——旨在将全站混雜的代碼統一到 jQuery。并大體确定了執行方案:随業務疊代上線、項目成員1人,我兼任PM、開發/自測。

在之後,一個如同打了雞血般的前端程式員,白天黑夜的翻曆史PRD、熟悉代碼邏輯、閱讀各種類庫的手冊,陸續将各業務線的腳本重寫了一遍,邊做業務項目邊重構,整個項目持續了半年多,直到11年Q1完成。

現在回想起來,有些事情真需要一股沖動,正如買房、結婚。如果主管讓我再多考慮半天,我興許就慫了。當然,人生也可能走入另外一條主線。

2011年日文站業務合入B2B,我也參加并通過新事業部的年中晉升(至P6 ) 。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

2011年阿裡巴巴日文站誓師大會

P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)

兩段非常寶貴又特别的經曆。

2011年下半年主動選擇加入阿裡内部的創業項目:打造一款面向個人消費者的雲産品。 團隊不大,20多人,各路專家雲集,各負責人級别都很高。很享受這段工作旅程,我第一次參與桌面Hybrid端項目,第一次開發SPA Web應用,第一次參與跨桌面軟體/PC Web/H5的項目,第一次領略靈活管理的魅力。在來自美國的技術Leader帶領下,我接觸到很多新領域,極大地開闊了技術視野。

“創業失敗是要承擔風險的,沒有加薪,沒有晉升,而且還是996,直到項目成功”。第一次面試這個項目前,業務負責人,阿裡工号16的虛竹告訴我。

不算幸運的是,最終這個項目沒有取得如預期的成功,業務有了變化和調整。

但幸運的是:這段經曆讓我親身體驗了一把“創業”,也感受了技術以外的方方面面艱難。這個過程中形成的産品和業務思維,對我日後帶來了深刻影響。當然,也在我之後幾百次想離職創業時,這段經曆讓我能夠靜下心來思考創業的核心 - “為什麼要創業?我有什麼資源、能做什麼事情、創造什麼價值?”

忘了說,這段經曆之所有特别,還因為辦公地點在湖畔花園——馬老師家。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

湖畔花園辦公場地

2012年7月,加入到天貓的前端團隊。 主管給予了充分的信任,讓我負責天貓H5首頁的研發,開始接觸淘寶前端—— 一個更成熟完整的技術體系。

2012年底,@三七 加入天貓帶領前端團隊,作為國内前端領域最早的拓荒者之一,他在随後的兩年時間給天貓的前端技術帶來體系化的變革——從子產品化到工程化再到生産環境的NodeJS,并引入了Mobile First理念。在他的支援下,我帶領了一支前端小組陸續參與多條業務線的開發工作。我自己也加入集團級技術建設,主導跨端Web的項目,推進了前端體系的移動化建設。

除專業技術外,花了比原來更多的功夫在團隊工作上,包括不限于團隊氛圍、風格和文化的打造,學會在内網分享中學習借鑒前輩大拿的的管理方法論。在阿裡的文化中,非常強調傳承。一個人牛不算什麼,讓一群人厲害才算厲害,最好是讓下屬比自己還強。

時間花在哪兒,結果就會在哪兒。團隊内一些業務尖兵逐漸冒出頭來,在後來幾年成為天貓甚至大淘系的中堅力量。

這個過程既痛苦又快樂。痛苦在于要做越來越多的超過自己能力層級、遠離舒适區的工作,快樂的則是能明顯感覺到自己在這個過程中的快速成長。

很幸運,在14年年中,順利通過晉升(P7)。

P7:從雙十一中打将出來 (2014.08 - 2016.01)

2014年注定是難忘的一年。在這一年,我開始負責營銷活動的業務,并擔任2014年雙十一前端技術PM工作。

營銷活動是一個頂有趣、富有故事的業務:

從技術上:它可以極緻簡潔到切一個頁面上線就行,也可以複雜到如雙11一般 ——它是阿裡技術的年度大考。

從業務上:它既可以簡單到直接把現實生活的促銷活動進行虛拟世界的進行流程投射,也能如網際網路史上的春運般整合零售生态和供應鍊。

我和多個團隊在天貓制定了各個次元的技術規範,如内控标準、外包規範,有驚無險地渡過了14年雙十一。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

在PC時代,營銷活動的研發模式,對于前端來說,實在過于“簡樸”:“5到6位正式前端常年帶着數十個外包,根據營運需求開發成百數千的頁面,通過一個叫做TMS的營運系統預留坑位給營運同學填資料,交由後端應用推上線(CDN)。” 這類業務活動頻次高、頁面量大、協同成本高。某種意義上講,對前端技術挑戰并不高,為了更高效的研發,我們能做的是不斷提高元件和子產品複用率。

感謝TMS,它幫助前端們快速疊代出一個又一個頁面,支援了集團的業務,即使在今天,它的設計思路都能稱得上精巧犀利。

發生變化來自2014年雙十一前,線上發生了一次令我終生難忘的離奇故障(涉及敏感資訊,略過細節):當時因臨時未排查出原因,VP現場觀摩面,我和CDN運維團隊的同學們能做的隻是不斷重新開機叢集應用緩解問題。

我作為時任前端PM,也因技術方案選擇失誤受到批評責罰。(時隔多年,大家也偶爾調侃,責罰不冤,幸而那天的問題提前暴露而未發生在11.11号當天,否則後果難料 )。

那年雙11最終還是完美謝幕,GMV 571億,移動端成交42.6% ,很多人敏銳的感覺到:移動化時代到來了。

之後技術複盤,我們針對問題做了多輪讨論和推演,決定啟動一個代号“斑馬”的産品項目:基于我們對營銷的了解,營運的實際需求、過往的技術痛點,設計一個高效的頁面系統來支援營運快速釋出活動上線,更重要的是它是完全的基于Mobile First設計的系統。

正所謂 “一飲一啄,莫非前定” ,因為過去一年的打磨錘煉、痛過後的反思,我們很快把方案架構敲定,并和多個業務搭檔共同推進項目實施。

項目于15年初立項,我代表團隊“激進”的将階段目标定為“支撐2015年3月的春季大促” 。這種既要支撐日常高頻的大促業務,又要同時從0到1做平台研發,不啻于“飛行中更新引擎”,困難很大。但我背後的思考是:“這就如同創業,沒有一往無前的決心和一鼓作氣的氣勢,等想多了細了,多半就慫了怕了”。

我負責整個系統及PM工作,團隊培養出來的中堅力量們承擔各個功能子產品研發。為實作我們心中所定計劃,整個項目組如同創業般激情,為了一個共同的目标奮進。春節假期不少同學還在主動送出代碼,節後迅速傳回公司繼續項目。

很幸運,克服了重重困難,“斑馬”項目順利上線,并成功支援了2015年第一個S級大促。基于新的系統,我們共同把營銷活動送上新的軌道:因子產品化帶來的效率提升讓我們完全解除了外包依賴、因具備跨端能力營運們可以單次同時進行PC和無線活動、我們設計并推動了CDN構架,單在15年雙11就節省了數千萬預算。

随着技術疊代,“斑馬”這個技術産品,在後面幾年成為阿裡的基礎營運平台之一。

2015年5月,我參與了P8的晉升提名,結果未通過。Leader和我溝通:“成長很快,能力和規劃出色,業務成果需要時間驗證”。我很坦然接收了建議,晉升答辯中的技術評委的建議中肯不失公正,讓我受益很大。

“但行好事,莫問前程”——在随後的時間,“斑馬”的能力更為完備。我再次擔任了2015年雙11的前端PM工作,業務也順利上線。那一年,雙11當天GMV 912億,移動端成交68%。

16年1月,新主管告訴我,綠色通道通過,晉升至P8。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

雙十一令牌/虎符

P8:立足業務,敢想敢造 (2016.02 - 2019.07)

一次偶然的機會,看到一張圖:如遵循民意蘋果手機會變成什麼樣?給我帶來一些對業務和技術的思考:“頁面釋出系統本質上是一個通用的工具平台:前端/營運/設計師都是它的使用者,每個角色都有對它的功能需求。但每個新增功能在解決一類使用者需求的同時又增加了平台複雜度,降低的客戶的易用性,丢失掉另一類使用者的民心。”

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

“這興許是一個産品的輪回宿命”,我内心有些敬畏地想。帶着這個敬畏,時間到了2017年,随着斑馬的功能日趨複雜,我決定将營運操作平台和底層技術能力進行剝離:

  • 将斑馬定義為營運系統,專為營運打造極緻的頁面搭建。
  • 将底層能力抽象成服務平台(代号“天馬”),提供開放的研發标準、搭建方案、頁面渲染能力。

随着時間推移,“天馬”的開放能力不斷完善,越來越多的事業部基于它建構面向業務的平台系統,帶來的技術回報是:技術複用減少從0到1的研發&硬體成本、标準統一使跨業務協同變為可行。

而在技術的另外一邊,業務發生着悄無聲息的變化:16年雙11GMV 1207億、17年雙11則是1682億。每年雙十一在如此巨大的基數下還能持續業務高增長,個性化算法、推薦技術的大規模應用起到了非常重要的作用。在全局效率上,大資料優于人工幹預逐漸得到了共識。在我看來,這些變化意味着時下大家認可的大促會場模式,也将帶來新的變化。

2018年2月,我在内部做了個分享,描述了對營銷活動未來的預判:

  • 業務化:面向“活動”組織,而非頁面。
  • 産品化:建構常态化、心智化的大促産品矩陣,而非單純是子產品級的抽象。
  • 智能化:投放算法化和規則化,而非營運的動态化。

基于以上預判,我和團隊的小夥伴,計劃聯同業務、上下遊技術團隊共同建構一個面向營銷活動的平台産品(項目代号:方舟)。

很感謝曆任主管實仙/四虎的信任,願意幫我頂住重重壓力,經過多輪溝通,我們達成了一緻共識。

和過去幾年稍有不同的是,我逐漸把包括不限于方舟的一些重要産品放手給團隊中的骨幹/TL,讓他們去規劃、去驅動、去變革。我更多做了輔導性、資源性、業務判斷的全局性工作。

随着時間的推移,越來越多的結果開始凸現:

  1. 斑馬逐漸成為集團級的通用平台,數萬小二同學用它釋出管理業務。
  2. 方舟作為業務平台傳遞成為大促體系的核心部分,并成功應用到雙11期間,在效率、效果和傳遞品質上取得矚目的結果。
  3. 天馬通過“開放共建、出海上雲”,為集團多個BU提供基礎的技術搭建服務。
  4. 在業務中,團隊中沉澱出一個個技術産品:渲染引擎、API聚合網關等,也把曾經僅服務于内部的産品開放到商家、ISV。

在2018年中,提名參加晉升面試,結果未通過,技術委員會的評委們建議更多參與“集團級的技術建設、更高格局的視野”。

我很快走出了沮喪,畢竟在阿裡,常勝不常有失敗倒常伴。更重要是,主管 @四虎 的開導讓我開始思考更全局的未來。

随後的時間,我繼續投入了2018的雙11前端整體工作,推進了多個端技術方案落地天貓。感謝阿裡前端技術委員會主席圓心的舉薦,我加入前端委員會,擔任搭建技術方向的Sponsor - 旨在站在集團視角,定制标準、融合并打通搭建技術體系,在更大範圍内賦能業務。

在集團内各個前端Leader的支援下,我們很快跨多個事業群達成了共識,制定完善了技術标準,基于一體化方案啟動了多個層面的項目。

2019年5月,參加了年度晉升,順利通過P9晉升。感恩。

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

P9:不止于前端

現在,仍然有太多的事情值得去深入:

  1. 以雙11為代表的大促前端體系仍然是業内最具技術挑戰的業務場景之一,包括不限于用戶端容器技術、服務端渲染(Node)、架構與元件體系、跨終端技術等綜合應用。
  2. 阿裡有數以億計的消費者,如何為我們的消費者建構一個好玩有趣的互動購物體驗,是我們這個團隊一直需要探索和改進的。
  3. 在未來,源自于前端的搭建技術,不僅能支援小二還能服務生态角色,不僅能支援國内還要服務全球。

除以上,我也深度參與阿裡前端技術委員會的工作:

在阿裡的前端體系,除了搭建方向以外,有相當數量的跨事業群共同建設的技術方向&項目,包括不限于Serverless、IDE、智能化、中背景、資料可視化、工程化、Node技術等。這些技術方向或者始于前端,但又不止于前端,共同為打造行業領先的技術生态服務。

有期待有更多的優秀的同學加入阿裡,讓我們的智力和努力觸碰到數以十億計的使用者。歡迎加入聯系我:wenliang.shuwl [at]alibaba-inc.com

從P4到P9, 在馬雲家寫代碼到雙11前端PMP4:懵懂學生入行記 (2008.10-2009.12)P5:從熱血到成長(2010.01-2011.06)P6:内部創業 + 前端的無線爆發 (2011.07-2014.06)P7:從雙十一中打将出來 (2014.08 - 2016.01)P8:立足業務,敢想敢造 (2016.02 - 2019.07)P9:不止于前端

最後分享一些過往些年的的心得:

關于工作:

1.想做好一件事情前,獲得上級的認可非常非常重要,這是把一件事情做成、做好的催化劑。

2.很多時候,源自“事”的困難都可以用态度解決,來自“人”的困難可以用換位思考解決。

3.對于剛參加工作的同學,如果家中無礦,啥也别說,努力就對了!畢業五年内的表現,可以決定人生很多事情。

4.如果你和上司發生分歧:拿出你的資料/理由/态度盡最大的努力去說服他,如果充分溝通還形不成共識,那就先聽他的 。這不是媚上,而是“在必須達成一緻的前提下,相信更有機率做出正确決定的人。”

5.在工作中,如果某個時間突然發現和往常不一樣,陡然壓力變大/身心疲憊,别害怕 ,因為,這有可能是你在成長、突破瓶頸前的黑暗期。

6.專業技能是立身之本。從長期來看,它是成本效益最高的投資标的之一。

7.結合資源,盡最大的努力、用最好的态度,做好手上的工作,也是一種創業。

8.不要因為背靠大樹久了,就誤認為自己是顆大樹。對客戶&使用者的尊重和價值創造是我們很大的護城河。

關于生活:

1.技術人讀書工作掙錢養家,一步步成長同時也會一歲歲變老。相比不少行業,網際網路行業自身有賽道上的優勢,但如果單純以同比其他行業略高的溢價按年/月出售自己的時間和技能,這不應該是我們做的。堅持不斷的思考、通過技術優勢帶來疊加價值,在過程中不斷成長 , 這興許會更好。

2.學會獎勵自己。如果經受了辛勞、痛苦和壓力走了過來,再不好好的、肉痛地獎勵自己一把,哪對得起過去和未來的自己。

3.除了在工作中,人生處處皆可學習:學理财、學打球、學拍照、學遊泳、學健身、學拍短視訊、學習怎麼把生活過得更好。

4.最後,咱們技術人可能很忙,有可能沒法“work-life balance”,這是一種取舍。但健康的身體一定是最寶貴的一筆财富,沒有之一,不能舍。謝謝大家。

原文釋出時間為:2019-11-15

作者:舒文

本文來自雲栖社群合作夥伴“

阿裡技術

”,了解相關資訊可以關注“

”。

繼續閱讀