摘要：隨著業(yè)務(wù)的爆發(fā)，團(tuán)隊(duì)人數(shù)迅速增長(zhǎng)起來，團(tuán)隊(duì)名也從前端開發(fā)部改名成體驗(yàn)技術(shù)部，意在體現(xiàn)前端工程師的核心競(jìng)爭(zhēng)力用技術(shù)解決產(chǎn)品體驗(yàn)問題。前后端分離的研發(fā)模式在社區(qū)流行起來，體驗(yàn)技術(shù)部最先實(shí)踐的是基于的應(yīng)用層方案。

2008 年對(duì)中國(guó)人是復(fù)雜的一年，冰災(zāi)，大地震，奧運(yùn)會(huì)接踵而至。對(duì)玉伯來說也一樣，趕在奧運(yùn)會(huì)排查臨時(shí)人口之前，玉伯從北京中科院軟件所離開，憑著自己幾年來在程序開發(fā)上的經(jīng)歷和對(duì)新興前端行業(yè)的看好，來到杭州加入了淘寶 UED —— 彼時(shí)中國(guó)最好的前端團(tuán)隊(duì)，同時(shí)開始撰寫歲月如歌博客。雖然 Google 早在 2003 年已經(jīng)通過 Gmail 這個(gè)劃時(shí)代的產(chǎn)品展示了 JavaScript 和 Ajax 技術(shù)在瀏覽器端的強(qiáng)大能量，前端在當(dāng)時(shí)在國(guó)內(nèi)還是一個(gè)十分稚嫩的行業(yè)。windows XP+ IE 統(tǒng)治了國(guó)內(nèi)的互聯(lián)網(wǎng)行業(yè)的每塊屏幕，也正是那一年 Google 推出了 v8 和 chrome，次年 Node.js 發(fā)布，即將對(duì)前端行業(yè)產(chǎn)生巨大的影響。

2008 年的云謙（sorrycc）拿著不到 4000 塊錢的工資在一家小公司里打雜，希望老板加薪 500 元未果，離職加入了淘寶 UED。同一年的蕭慶也在杭州的某公司里做 Java 程序員兼前端，老板試探性打開 ExtJS 官網(wǎng)對(duì)他說，這個(gè)不錯(cuò)但是要錢，能不能用 jQuery 改一版免費(fèi)的出來？一個(gè)月后，一個(gè) jQuery 版本的 ExtJS 雛形出來了。

2009 年因?yàn)樘詫毜赇仒I(yè)務(wù)的發(fā)展，業(yè)務(wù)上需要一個(gè)重型的可視化編輯器，玉伯開始做 KISSY Editor。一年后，承玉加入淘寶，并且立志要在 5 年內(nèi)升到 P8。玉伯和他、沉魚、喬花一起將 Kissy Editor 進(jìn)一步升級(jí)成了 Kissy，成為當(dāng)時(shí)淘寶中前臺(tái)的標(biāo)準(zhǔn)前端技術(shù)棧。

2009 年貫高和臻兒大學(xué)畢業(yè)，選擇加入當(dāng)時(shí)名不見經(jīng)傳的支付寶 UED 前端開發(fā)部。

2010 年的絕云畢業(yè)后，在阿里和一家日本公司的 offer 中選擇了出國(guó)淘金。2011 年，臻兒北上南下，在校園中招到了展新和偏右，一起開始參與支付寶前臺(tái)業(yè)務(wù)和基礎(chǔ)技術(shù)建設(shè)。同年蕭慶也加入了淘寶 UED，依靠自己先前的經(jīng)驗(yàn)，在業(yè)務(wù)線上搭建出了 BUI —— 基于 jQuery 的中后臺(tái)組件庫(kù)，在淘系后臺(tái)場(chǎng)景中大量推廣。

2011 年，玉伯結(jié)束了內(nèi)部創(chuàng)業(yè)的湖畔項(xiàng)目，去了淘寶 Java 開發(fā)團(tuán)隊(duì)。確認(rèn)了自己不喜歡 Java 代碼后，次年從淘寶 UED 轉(zhuǎn)崗到了支付寶 UED 前端開發(fā)部，負(fù)責(zé)基礎(chǔ)技術(shù)組，偏右和貫高當(dāng)時(shí)都在這個(gè)小組。這也是他第一次正式帶團(tuán)隊(duì)，第一次小組周會(huì)，玉伯沒有聊技術(shù)，而是操著不甚流利的湘普分享了亞馬遜公司的價(jià)值觀，所有小組成員面面相覷，一不知道他想表達(dá)什么，二也看不出面前這個(gè)黑黑的湖南漢子和貝佐斯有什么相似點(diǎn)。

外部前端大環(huán)境正在銳變的前夜，jQuery 如日中天，Node.js 崛起，ES6 正在醞釀中，前端的標(biāo)準(zhǔn)化和工程化即將到來。前端工程師這個(gè)職業(yè)依然是一個(gè)很不成熟的技術(shù)崗位，國(guó)內(nèi)很多公司過分地細(xì)分了重構(gòu)工程師（CSS）和 JS 工程師，行業(yè)內(nèi)的大佬們一窩蜂地在使用奇技淫巧悶頭造類似 YUI 和 prototype.js 的輪子，面試問的最多的是閉包的寫法和 IE6 hack 技巧，技術(shù)環(huán)境的割裂造就了前端基礎(chǔ)技術(shù)的風(fēng)潮和大量崗位。和當(dāng)時(shí)國(guó)內(nèi)大多數(shù)前端團(tuán)隊(duì)一樣，支付寶也在閉門造自己的前端輪子，大量借鑒了 YUI 的組件架構(gòu)體系，底層使用了 Java 生態(tài)里的 MVN 進(jìn)行依賴管理和構(gòu)建，所有的輪子和釘子都要內(nèi)部自造，和前端社區(qū)越來越遠(yuǎn)。

很快支付寶在玉伯的影響下開始嘗試逃脫出這個(gè)怪圈，解決辦法是開源。玉伯在一行代碼還沒開始寫之前發(fā)了一條微博，我們要用開源的方式打造支付寶下一代前端框架了，這在當(dāng)時(shí)是非常激進(jìn)的。

2012 年 4 月，玉伯剛剛從淘寶轉(zhuǎn)崗到支付寶，離開了漸漸進(jìn)入死胡頭的 Kissy，手攥著當(dāng)紅的 Sea.js 準(zhǔn)備大干一場(chǎng)。兩年前的支付寶前端團(tuán)隊(duì)也進(jìn)入了團(tuán)隊(duì)技術(shù)的轉(zhuǎn)型期，舊的前端框架需要升級(jí)，笨重的開發(fā)方式需要演進(jìn)，雙方一拍即合，Arale 就此誕生。
—— 關(guān)于 Arale 的過去、現(xiàn)在和未來

Sea.js/Arale/spm 套件開始在支付寶內(nèi)部和國(guó)內(nèi)開源界發(fā)展起來。開源的工作方式讓貫高偏右們感到非常興奮，云謙、沉魚和蕭慶也先后從淘寶轉(zhuǎn)崗到支付寶開始參與新的前端體系的建設(shè)。我們?nèi)チ蓑v訊深圳本部進(jìn)行了技術(shù)分享，號(hào)召騰訊的同學(xué)也來使用和共建 Sea.js 和 Arale 前端社區(qū)。現(xiàn)在回頭看來有點(diǎn)天真，雖然是開源技術(shù)，當(dāng)時(shí)走的依然是一條前端輪子自研和前端社區(qū)自建的道路，最終這條路走沒有成功，Angular 和 React 等外部技術(shù)體系很快將帶來巨大的沖擊。

前端技術(shù)之外，整個(gè)支付寶乃至阿里的業(yè)務(wù)平臺(tái)也在 13 年走到了一個(gè)十字路口，前端和業(yè)務(wù)結(jié)合非常緊密，UED 和設(shè)計(jì)在公司的話語權(quán)極高。那兩年的阿里的 UED 團(tuán)隊(duì)們的氣氛非?；钴S，蜜月一樣的 PC 前端時(shí)代現(xiàn)在顯得有些光怪陸離，前端和 UED 在產(chǎn)品上進(jìn)行著各種各樣的 A/B 測(cè)試，更換各種按鈕樣式觀察頁面數(shù)據(jù)變化，每半年搞一次前端性能優(yōu)化的戰(zhàn)役，公司內(nèi)舉辦著各類黑客馬拉松比賽，iPhone 和 iTouch 送到手軟，996 這個(gè)詞那時(shí)候還不存在。這是個(gè)一行 js 代碼的錯(cuò)誤就可以造成全站交易下跌的時(shí)代，也是 PC 前端們最后的黃金時(shí)代。

2013 年改變了無數(shù)人的命運(yùn)，無線時(shí)代的來臨、友商的壓力讓整個(gè)阿里坐立不安。11 月，整個(gè)阿里宣布 ALL IN 無線，推出來往正面對(duì)決友商，誓要火燒南極，淘寶/支付寶等業(yè)務(wù)也全面無線化。城門失火殃及池魚，60 個(gè)人左右的支付寶前端開發(fā)部即刻面臨解體，一半以上的人被抽調(diào)支持支付寶無線業(yè)務(wù)，面對(duì)巨大的變化，那幾周整個(gè)團(tuán)隊(duì)人心渙散，所有人都面對(duì)非常具體的抉擇：留下 or 離開？當(dāng)時(shí)的前端開發(fā)部老大么么茶最終去了來往（后來成為了釘釘?shù)膭?chuàng)始人之一），玉伯自己也面臨著各種選擇，特意去現(xiàn)場(chǎng)觀察了來往團(tuán)隊(duì)的狀態(tài)：『感覺來往可能真的會(huì)成功！』。

最終，玉伯還是決定和剩下的 17 個(gè)人一起留在了這個(gè)團(tuán)隊(duì)，支持沒有幾個(gè)迭代的 PC 端業(yè)務(wù)和進(jìn)入死胡同的自研前端技術(shù)體系。調(diào)整完的第一次周會(huì)，所有人都很沉默，比起鼓起勇氣做抉擇離開的人，留下的人的心態(tài)更多是未知和『擁抱變化』。ALL IN 無線伴隨的是全集團(tuán)的瘋狂，全組為配合兄弟團(tuán)隊(duì)主動(dòng)加班，然而周六來了之后竟然不知道要做什么，兩周后就作罷了。沒有活干是一方面，更可怕的是對(duì)前端自身價(jià)值的懷疑，整個(gè)阿里前端也陷入了類似的困局。

在阿里，我們不得不承認(rèn)一個(gè)事實(shí)：前端的確有價(jià)值，但放在全局來看，前端產(chǎn)生的價(jià)值并非核心價(jià)值。 在阿里，雖然前端的工作已經(jīng)不可或缺，但對(duì)大公司而言，不可或缺的崗位多了去呢，不可或缺不代表有核心價(jià)值，我就不說了。
————阿里前端的困局與突圍

這個(gè)狀態(tài)沒有持續(xù)很久，本以為是一艘棄船，業(yè)務(wù)上新的發(fā)展方向卻帶來了新生。

無線戰(zhàn)略的同時(shí)，大中臺(tái)也作為公司的重要戰(zhàn)略在那一年被提了出來。剩下的伙伴們沒有閑很久， PC 端的前臺(tái)業(yè)務(wù)雖然沒了，前線業(yè)務(wù)伴隨的中后臺(tái)的業(yè)務(wù)量開始大量增長(zhǎng)起來。那時(shí)候團(tuán)隊(duì)最喜歡用一張冰山圖來做技術(shù)和業(yè)務(wù)宣講：大中后臺(tái)的業(yè)務(wù)比例是前臺(tái)業(yè)務(wù)的十倍甚至更多，比起前臺(tái)的兵強(qiáng)馬壯，中后臺(tái)業(yè)務(wù)的人力資源、研發(fā)效率和產(chǎn)品體驗(yàn)對(duì)我們都是新的巨大的挑戰(zhàn)。戲劇性的是，幾個(gè)月前還不知道做什么的團(tuán)隊(duì)，很快玉伯就在和無數(shù)不知道從哪來長(zhǎng)出來的中后臺(tái)業(yè)務(wù)拉扯人力問題：『我們不是資源！』。隨著業(yè)務(wù)的爆發(fā)，團(tuán)隊(duì)人數(shù)迅速增長(zhǎng)起來，團(tuán)隊(duì)名也從前端開發(fā)部改名成體驗(yàn)技術(shù)部，意在體現(xiàn)前端工程師的核心競(jìng)爭(zhēng)力：用技術(shù)解決產(chǎn)品體驗(yàn)問題。

老的一套前端技術(shù)體系已經(jīng)明顯不匹配業(yè)務(wù)現(xiàn)狀了，亟需換代。這一年設(shè)計(jì)師子溯加入了體驗(yàn)技術(shù)部，開始和偏右展新們一起做螞蟻金服的第一個(gè)技術(shù)商業(yè)產(chǎn)品『螞蟻金融云』，前端技術(shù)棧選的是 AngularJS。而 2014 年 React 技術(shù)棧在社區(qū)嶄露頭角，承玉們?cè)谔詫毦S護(hù) Kissy 和 BUI 等技術(shù)體系的時(shí)光也到了一個(gè)轉(zhuǎn)折點(diǎn)。于是承玉轉(zhuǎn)崗來了支付寶，和蕭慶一起開始建設(shè) react-component 底層組件生態(tài)。

前后端分離的研發(fā)模式在社區(qū)流行起來，體驗(yàn)技術(shù)部最先實(shí)踐的是基于 Node.js 的應(yīng)用層方案。

在這種研發(fā)模式下，前后端的職責(zé)很清晰。對(duì)前端來說，兩個(gè) UI 層各司其職：
1、Front-end UI layer 處理瀏覽器層的展現(xiàn)邏輯。通過 CSS 渲染樣式，通過 JavaScript 添加交互功能，HTML 的生成也可以放在這層，具體看應(yīng)用場(chǎng)景。
2、Back-end UI layer 處理路由、模板、數(shù)據(jù)獲取、cookie 等。通過路由，前端終于可以自主把控 URL Design，這樣無論是單頁面應(yīng)用還是多頁面應(yīng)用，前端都可以自由調(diào)控。后端也終于可以擺脫對(duì)展現(xiàn)的強(qiáng)關(guān)注，轉(zhuǎn)而可以專心于業(yè)務(wù)邏輯層的開發(fā)。
通過 Node，Web Server 層也是 JavaScript 代碼，這意味著部分代碼可前后復(fù)用，需要 SEO 的場(chǎng)景可以在服務(wù)端同步渲染，由于異步請(qǐng)求太多導(dǎo)致的性能問題也可以通過服務(wù)端來緩解。前一種模式的不足，通過這種模式幾乎都能完美解決掉。
—— Web 研發(fā)模式演變

蘇千、不四等 koa 社區(qū)的活躍成員在 2014 年先后加盟，和貫高一起開始研發(fā) Chair 企業(yè)級(jí) Node.js 研發(fā)框架，以及后來的 Egg.js，嘗試在大規(guī)模高可用的金融業(yè)務(wù)和前后端分離的研發(fā)模式中尋找 Node.js 的落地場(chǎng)景。

2012 年，百度商業(yè)前端通用技術(shù)組的御術(shù)（林峰）和幾位團(tuán)隊(duì)成員一起從上百個(gè)業(yè)務(wù)系統(tǒng)中抽取需求，寫出了商業(yè)圖表庫(kù) ECharts 0.1 版本，2013 年 6 月 ECharts 1.0 版本發(fā)布。幾乎與此同時(shí)，因?yàn)橘I不起 HighCharts，蕭慶開始把 BUI 中的圖表獨(dú)立出來，對(duì)標(biāo)做成了內(nèi)部使用的 ACharts。

AngularJS 的嘗試沒有太久，體驗(yàn)技術(shù)部開始決定要統(tǒng)一技術(shù)棧，經(jīng)過激烈的爭(zhēng)吵和決策，押寶 React 這條船，嘗試在 react-component 基礎(chǔ)上合力建設(shè)基于 React 的 UI 設(shè)計(jì)系統(tǒng)。2015 年，曾經(jīng)風(fēng)光無限破釜沉舟的來往也終于走到了盡頭，團(tuán)隊(duì)像剛成立時(shí)那么迅速地分崩離析了，它山?jīng)]有跟隨么么茶們?nèi)プ鲂碌尼斸?，而是決定來到螞蟻，帶領(lǐng)設(shè)計(jì)師團(tuán)隊(duì)和承玉偏右一起打造企業(yè)級(jí)中后臺(tái) Design System。那時(shí) Design System 在國(guó)內(nèi)是一個(gè)很新的名詞，只有 Apple 和 Google 等公司有這樣高大上的概念，而基于中后臺(tái)的設(shè)計(jì)語言更是很少有人提。最后玉伯給拍了一個(gè) Ant Design 的奇怪名字，偏右很快注冊(cè)了一個(gè) ant.design 的域名，2015 年第一個(gè)對(duì)外版本上線的時(shí)候，社區(qū)很多人都看不懂這是什么。

React 在內(nèi)部的推廣經(jīng)歷了很大的阻力，一方面是對(duì) React 技術(shù)棧和當(dāng)時(shí)還不成熟的 antd 的懷疑，一方面是大量 Arale/BUI/jQuery/BootStrap 的技術(shù)棧還在業(yè)務(wù)中不斷使用。為了 Ant Design 設(shè)計(jì)體系能在支付寶業(yè)務(wù)落地，我們甚至認(rèn)真討論過 jQuery 版本的 antd 的可行性，最終團(tuán)隊(duì)通過投入大量基礎(chǔ)技術(shù)的工程師去直接參與一線業(yè)務(wù)，在關(guān)鍵時(shí)間點(diǎn)把關(guān)鍵項(xiàng)目啃下來，一邊落地一邊完善 antd。Ant Design 的中后臺(tái)設(shè)計(jì)語言的定位和推出時(shí)機(jī)是非常合適的，antd 開始在公司外部也開始收獲了大量關(guān)注，GitHub 的 stars 數(shù)直線上升， 17 年 3 月突破了一萬 star，18 年三月 2w star，很快成為國(guó)內(nèi)中后臺(tái)前端開發(fā)的標(biāo)桿，也讓承玉在 2015 年順利升到 P8。

Ant Design 的成功讓整個(gè)團(tuán)隊(duì)感受到鼓舞，另一個(gè)前端大展身手的可視化領(lǐng)域在這個(gè)團(tuán)隊(duì)同時(shí)生長(zhǎng)起來。也在 2015 年，體驗(yàn)技術(shù)部的蕭慶和好修閱讀了 The Grammar of Graphics 一書后，意識(shí)到可視化不只是圖表這么簡(jiǎn)單，開始著手把 ACharts 升級(jí)為 G2 圖形語法庫(kù)，即 JavaScript 版本的 The Grammar of Graphics，并嘗試在螞蟻內(nèi)推廣落地。16 年，剛剛回國(guó)加入阿里沒多久的絕云在微博上聯(lián)系到了 ECharts 的御術(shù)，那時(shí)御術(shù)也正面臨著再次創(chuàng)業(yè)的失敗，揣著可視化的夢(mèng)想來到了杭州。他將和蕭慶絕云沉魚們一起打造 AntV 螞蟻數(shù)據(jù)可視化解決方案和九色鹿體驗(yàn)度量產(chǎn)品。

2016 年，展新在螞蟻金融云的文檔中心業(yè)務(wù)研發(fā)過程中，抽離了一個(gè) Markdown 文檔管理應(yīng)用，起名叫云雀，想替代公司內(nèi)部老舊的 confluence 系統(tǒng)。展新作為這個(gè)項(xiàng)目的唯一的設(shè)計(jì)師兼 PD 兼 BD 兼工程師，做了一個(gè)很漂亮的 Keynote 到體驗(yàn)技術(shù)部各個(gè)小組去分享，希望能找到志同道合的同事一起參與。然后子溯作為 PD 加入了，玉伯也看到了這個(gè)產(chǎn)品的前景，星星之火開始燎原，一個(gè)云雀產(chǎn)品小團(tuán)隊(duì)迅速運(yùn)轉(zhuǎn)起來，產(chǎn)品不斷改版迭代試錯(cuò)。2017 年蘇千不四加入，云雀迅猛成長(zhǎng)為整個(gè)阿里經(jīng)濟(jì)體內(nèi)部最大的文檔平臺(tái)，次年改名為語雀正式進(jìn)行商業(yè)化對(duì)外服務(wù)。

2017 年，御術(shù)北上去愛奇藝挖到了愚道。愚道加入體驗(yàn)技術(shù)部后，本以為內(nèi)部研發(fā)應(yīng)該已經(jīng)非常成熟，備受業(yè)務(wù)和技術(shù)折磨后，萌生了開發(fā)企業(yè)前端研發(fā)框架的念頭，和來自成都的水魚一拍即合，一起在酒店里通宵了幾個(gè)晚上，開發(fā)出了 Bigfish 1.0 版本。幾乎同時(shí)，云謙基于云鳳蝶業(yè)務(wù)中的實(shí)踐做出了類似的 UmiJS 并且對(duì)外開源，兩者經(jīng)歷了劇烈的內(nèi)部競(jìng)爭(zhēng)后在 18 年進(jìn)行了整合，一個(gè)你死我活的局出現(xiàn)了雙贏，UmiJS 對(duì)外開源服務(wù)，Bigfish 則基于 Umi 重構(gòu)，成為螞蟻金服內(nèi)部標(biāo)準(zhǔn)前端應(yīng)用框架。今天的體驗(yàn)技術(shù)部不再是當(dāng)年的刀耕火種，我們有了工業(yè)化的生產(chǎn)工具進(jìn)行研發(fā)，在前端我們有了 Ant Design，有了 Bigfish，在服務(wù)端我們有了 Chair 有了 Functions，可視化我們了有了 G2/G6/F2/L7，生產(chǎn)力比起幾年前已是質(zhì)的飛躍，但是這里也遠(yuǎn)遠(yuǎn)沒有成熟到只需要螺絲釘?shù)某潭?。效率、資源、體驗(yàn)的平衡是我們的終極命題，也是體驗(yàn)技術(shù)部存在的意義。

除了語雀，其他內(nèi)部技術(shù)產(chǎn)品在前端工程化的大背景下也成長(zhǎng)起來：Basement 前端應(yīng)用發(fā)布平臺(tái)，云鳳蝶可視化搭建平臺(tái)，九色鹿體驗(yàn)度量等等，投入了大量人力各自發(fā)展。玉伯也在被各個(gè)業(yè)務(wù)部門挑戰(zhàn)，為什么業(yè)務(wù)線不能投入足夠的前端資源，所有體驗(yàn)科技產(chǎn)品都面臨著在螞蟻和阿里內(nèi)部巨大的自證壓力。語雀在螞蟻內(nèi)部被問得最多的問題是和金融服務(wù)有什么關(guān)系？為了努力向內(nèi)部業(yè)務(wù)對(duì)齊，語雀的第一個(gè) slogan 是『讓知識(shí)等于財(cái)富』。在大阿里內(nèi)部，和釘釘在企業(yè)協(xié)作領(lǐng)域的定位也有重疊，在和強(qiáng)勢(shì)的釘釘經(jīng)歷了無數(shù)次業(yè)務(wù)拉扯之后，非常慘痛的情況還是發(fā)生了。2018 年 6 月，包括展新在內(nèi)的大半個(gè)語雀團(tuán)隊(duì)被釘釘合并，語雀 HR 在宣布決定的會(huì)議上哭了出來，無線 all in 的噩夢(mèng)往事仿佛重現(xiàn)。這對(duì)新生的語雀是一次巨大的打擊，準(zhǔn)備商業(yè)化起飛的翅膀被生生打斷。

2018 年 12 月 25 日， Ant Design 彩蛋事件在全網(wǎng)醞釀爆發(fā)，一度沖上知乎熱榜第二，用戶的巨大期許轉(zhuǎn)化成責(zé)罵和諷刺崩涌而來，antd 的 GitHub 討論區(qū)當(dāng)天基本癱瘓，Ant Design 團(tuán)隊(duì)經(jīng)歷了噩夢(mèng)般的一周。事后整個(gè)體驗(yàn)技術(shù)部上下都進(jìn)行了整肅，所有人感受到了身上巨大的責(zé)任和敬畏感，玉伯非常生氣并自領(lǐng) 3.25 全年績(jī)效（無加薪無年終獎(jiǎng)股票等獎(jiǎng)勵(lì)），偏右在內(nèi)部復(fù)盤上許諾 antd 會(huì)更好，用長(zhǎng)期的技術(shù)投入一點(diǎn)點(diǎn)彌補(bǔ)損失的信任。

2019 年 4 月，御術(shù)在一次部門團(tuán)建中說『你們有感覺到體驗(yàn)技術(shù)部這兩年不夠好了么，已經(jīng)很久沒有社招 P8 加入了』。號(hào)稱國(guó)內(nèi)最好的前端團(tuán)隊(duì)，今天比以往都更需要新鮮血液的加入?！旱搅似碌?，就只能向上走了』

2013 年玉伯寫過他的三個(gè)夢(mèng)：技術(shù)夢(mèng)、產(chǎn)品夢(mèng)、自由夢(mèng)。語雀、云鳳蝶、九色鹿、Basement 是這個(gè)產(chǎn)品夢(mèng)，Ant Design、Egg、Umi、AntV 是技術(shù)夢(mèng)，做夢(mèng)是需要勇氣的，也從來不是一帆風(fēng)順的。

我有三個(gè)夢(mèng)：技術(shù)夢(mèng)、產(chǎn)品夢(mèng)、自由夢(mèng)。
之前我一直把前兩個(gè)夢(mèng)割裂開來，2012 年最大的成長(zhǎng)是意識(shí)到前兩個(gè)夢(mèng)可以合起來，技術(shù)即產(chǎn)品，產(chǎn)品即技術(shù)。12 年下半年很清楚明確基礎(chǔ)技術(shù)最重要的是產(chǎn)品化。只有用做產(chǎn)品的心態(tài)去做技術(shù)，才有可能把技術(shù)做好做長(zhǎng)久。
產(chǎn)品夢(mèng)不僅僅是技術(shù)夢(mèng)，但技術(shù)夢(mèng)可以融合進(jìn)產(chǎn)品。做產(chǎn)品不一定要出去創(chuàng)業(yè)，在公司依舊可以做到。公司本身也是一個(gè)產(chǎn)品，對(duì)業(yè)務(wù)的了解、深入、改進(jìn)等等，都很有挑戰(zhàn)，非常值得去做。產(chǎn)品夢(mèng)重要的不是所做的事情，而是做事的產(chǎn)品心態(tài)。
至于自由夢(mèng)，于我而言，一是財(cái)富自由，二是精神自由。愚公（周愛民）說過挺有意思的一句話：財(cái)富自由不要只看收入，最主要取決于支出。目前愚公就已實(shí)現(xiàn)了財(cái)富自由，因?yàn)橛薰霞夷堑胤?，日常開銷真是小，呵呵。真正難得是精神自由...
—— 畢業(yè)十年與我的三個(gè)夢(mèng)

2019 年阿里內(nèi)已經(jīng)有幾十個(gè)名字是『體驗(yàn)技術(shù)部』的前端團(tuán)隊(duì)。

2019 年的展新在釘釘繼續(xù)追逐自己的文檔夢(mèng)。

2019 年的蘇千子溯在和語雀一起蟄伏，在剛剛過去的四月份發(fā)布了企業(yè)空間功能，語雀的商業(yè)化再次上路。

2019 年的云謙已經(jīng)是兩個(gè)男孩的父親，剛下線了老邁的 spm，發(fā)布著 umi 的一個(gè)個(gè)新版本。

2019 年 Ant Design 的 stars 數(shù)已經(jīng)突破了 45000，偏右和勺子正在籌劃 antd 4.0，努力把西湖區(qū)第一做成太平洋第一。

2019 年的沉魚開始從九色鹿轉(zhuǎn)向云鳳蝶，探索 hpaPaaS 智能建站的可能性。

2019 年的貫高們正在用 Node.js 搭建下一代 Serverless for Frontend 架構(gòu)，做阿里經(jīng)濟(jì)體小程序云開發(fā)的標(biāo)配。

2019 年的蕭慶和絕云把 AntV 做成了阿里數(shù)據(jù)可視化的核心技術(shù)，還在探索用可視化技術(shù)給業(yè)務(wù)帶來價(jià)值。

2019 年的臻兒正在嘗試把螞蟻前端研發(fā)搬到云上，讓下一代研發(fā)模式早點(diǎn)到來。

2019 年的御術(shù)開始帶領(lǐng)體驗(yàn)技術(shù)部下的平臺(tái)前端技術(shù)部，重走玉伯那年的路。

2019 年的玉伯很久不寫博客了，他的產(chǎn)品夢(mèng)和技術(shù)夢(mèng)都在路上，自由夢(mèng)實(shí)現(xiàn)了一半。而另一半也遙遙無期，也近在咫尺。

這是一篇部門招聘貼，我想借這個(gè)機(jī)會(huì)從自己的視角小結(jié)一下體驗(yàn)技術(shù)部這幾年的經(jīng)歷，也希望能找到和我們意氣相投的未來同事。我們還在路途中，有前進(jìn)也有折回，各位無論工程師、設(shè)計(jì)師、產(chǎn)品還是運(yùn)營(yíng)，也無論阿里內(nèi)外，如若有夢(mèng)，歡迎一起同行。

簡(jiǎn)歷投遞郵箱：[email protected]

阿里轉(zhuǎn)崗聯(lián)系：玉伯

崗位：

前端/可視化工程師

視覺設(shè)計(jì)師

交互設(shè)計(jì)師

產(chǎn)品經(jīng)理

產(chǎn)品運(yùn)營(yíng)

體驗(yàn)技術(shù)部 - 平臺(tái)前端技術(shù)部詳細(xì)介紹：www.yuque.com/afx/platfor…

文中時(shí)間可能有出入，人名均為阿里花名。

參考鏈接：

畢業(yè)十年與我的三個(gè)夢(mèng)

Web 研發(fā)模式演變

關(guān)于前端的那些事

阿里前端的困局與突圍

Arale 發(fā)布預(yù)告 - 玉伯也叫黑俠微博

關(guān)于 Arale 的過去、現(xiàn)在和未來

關(guān)于我們 - ECharts

語雀是什么？

沒戲，做不到，不存在的“不可能三角”

螞蟻體驗(yàn)科技