阿里妹導(dǎo)讀：在近期舉辦的行業(yè)大會(huì)上，阿里前端技術(shù)委員會(huì)主席，淘系技術(shù)部資深總監(jiān)圓心發(fā)表了《前端路上的思考》的演講，分別從前端的發(fā)展歷程、今天的機(jī)會(huì)、如何引領(lǐng)新技術(shù)、前端價(jià)值這四個(gè)方面進(jìn)行深入探討。流年笑擲，未來可期，一起來看看資深前端人對(duì)行業(yè)未來的洞察與判斷。

鄭葉飛（花名：圓心）
阿里巴巴集團(tuán)前端技術(shù)委員會(huì)主席，也是 D2 前端技術(shù)論壇發(fā)起人。
2007 年加入淘寶，曾參與天貓、快樂淘寶、聚劃算等創(chuàng)業(yè)團(tuán)隊(duì)?，F(xiàn)任淘系技術(shù)部資深總監(jiān)，負(fù)責(zé)淘系前端技術(shù)、行業(yè)與工作臺(tái)團(tuán)隊(duì)，推進(jìn)了淘寶前端工程化、無線化、全?；⒅悄芑目焖傺葸M(jìn)。且一直熱身于推進(jìn)國內(nèi)前端技術(shù)的交流與發(fā)展。

提前 get 完整版 PPT，點(diǎn)擊下方鏈接閱讀原文，一鍵下載，先睹為快~

前端發(fā)展史

我把前端發(fā)展編為五個(gè)階段，這個(gè)五個(gè)階段跟網(wǎng)絡(luò)上看到的階段分析不同。我認(rèn)為每個(gè)階段有一個(gè)理論或者方法論的支撐，帶來了一次飛躍。

第一階段

第一階段放在 2003 年。大家那個(gè)時(shí)候都知道，那個(gè)時(shí)候講求所有的 HTML、CSS、JS 是我們所謂結(jié)構(gòu)樣式行為的分離，這個(gè)理論造就了今天前端主體。

在這之前基本是兩種職位，一個(gè)是 JAVA 工程師，一個(gè)是設(shè)計(jì)。當(dāng)時(shí)的設(shè)計(jì)是包含了視覺設(shè)計(jì)以及 HTML+CSS。但是因?yàn)檫@種結(jié)論理念的到來，讓前端開始真正變?yōu)榍岸?#xff0c;專注于今天大部分前端所工作的內(nèi)容。這個(gè)理念核心的出現(xiàn)，帶來了整個(gè)前端崗位的出現(xiàn)。其實(shí)伴隨著 2003 年之后，國內(nèi)第一次出現(xiàn)真正的前端的崗位是 2005 年，這期間有一個(gè)延續(xù)性。之后很多公司出現(xiàn)了重構(gòu)工程師，也是今天很多前端的主體。

第二階段

第二階段是 2008 年。當(dāng)時(shí)有一個(gè)理念認(rèn)為 90% 的性能優(yōu)化都在前端。在前臺(tái)體系里面，這個(gè)理論讓前端價(jià)值得到進(jìn)一步體現(xiàn)。

前端現(xiàn)在可以回答對(duì)公司的體現(xiàn)是什么：我們可以通過性能的優(yōu)化帶來更好的體驗(yàn)、更高的轉(zhuǎn)化率等。突然發(fā)現(xiàn)前端整個(gè)崗位體現(xiàn)了很大的價(jià)值。我相信經(jīng)歷了那個(gè)時(shí)代的人都記得 YSlow，那個(gè)包括今天影響前端對(duì)于性能體系所有的思維，這是第二階段。

但是第二階段帶來了什么？上面有寫，帶來了工程化的開啟。怎么理解？今天要做很多性能優(yōu)化，需要通過工具、流程把體系更好的工程化，然后得到一個(gè)最佳的結(jié)果。所以我認(rèn)為它是一個(gè)工程化的開啟。之后我們可以看到，最早用 Ant 前端工具，到今天有 GRUNT、Webpack、Babel 等。這樣來看，第二個(gè)階段是在 2008 年整個(gè)性能優(yōu)化的過程，理念就是 90% 性能優(yōu)化在前端。

第三階段

第三個(gè)階段是 2013 年。我今天分享跟大家原來理解的階段不一樣，大家有從框架階段來定義，也有從中間技術(shù) W3C 什么時(shí)候出現(xiàn)，或者從 Node.js 什么時(shí)候出現(xiàn)來定義。出現(xiàn)并不是一個(gè)階段。其實(shí)發(fā)現(xiàn) Node.js 早于 2013 年，可能是 2008/2009 年就出現(xiàn)了，但是為什么那個(gè)時(shí)候沒有出現(xiàn)變化？換到今天，我們更愿意用另外一個(gè)詞就是前后端分層，在后端體系里面讓前端更加專注前臺(tái)的 UI 層、邏輯層，后端關(guān)注后臺(tái)的接口，讓我們之間分工更加明確。后端如果開發(fā)一個(gè)頁面，跟前端說頁面有問題，但是前端一看是后端把標(biāo)簽寫錯(cuò)誤了，這就是合作方式不合理。

前后端的分層促進(jìn)了對(duì)于前端體系的發(fā)展，也開始慢慢的影響到今天從前端到全棧的過程。讓很多人更有機(jī)會(huì)使用 Node.js 從工程的工具開發(fā)慢慢過渡到可以用 JS 做應(yīng)用開發(fā)，這在 2013 年是很大的變化。當(dāng)然這里面有很多 Node.js 的框架，在上層的數(shù)據(jù)層，我們也會(huì)看到 GraphQL 整個(gè)邏輯編排的體系，所以會(huì)把這個(gè)體系帶到前端，今天大家所看到的 BFF，也是基于這一套體系的發(fā)展。這是前端第三個(gè)發(fā)展階段，始于 2013 年。

第四階段

第四個(gè)階段我相信很多人都有感觸，因?yàn)橐苿?dòng)時(shí)代的來臨，改變了今天整個(gè) PC 和無線的格局，也改變了我們前端大部分人開發(fā)的方式。

一開始理論是 Mobile first，后面是 Write Once，Run anywhere。這個(gè)時(shí)代是什么？我們把 PC 工作轉(zhuǎn)到無線工作，這里面很多人糾結(jié)，那個(gè)潮流來臨時(shí)候發(fā)現(xiàn)大量前端涌向了客戶端，客戶端出現(xiàn)了蓬勃發(fā)展。但是今天大量的客戶端又涌向了前端。兩者之間不停轉(zhuǎn)化。為什么？因?yàn)榇蠹叶荚谒伎嫉降资?H5 還是 Native，未來到底是 H5 開發(fā)還是 Native 開發(fā)？

我認(rèn)為這個(gè)焦點(diǎn)就有錯(cuò)誤。為什么糾結(jié)今天用 H5 還是 Native 解決問題？我覺得今天到了無線時(shí)代，焦點(diǎn)應(yīng)該在這里：怎么樣用最標(biāo)準(zhǔn)化的開發(fā)能夠讓更多的人開發(fā)這個(gè)頁面、怎么樣能夠提供像 H5 一樣標(biāo)準(zhǔn)的頁面。

回到這個(gè)焦點(diǎn)，在移動(dòng)時(shí)代來臨的時(shí)候，在每個(gè) APP 如何重新定義渲染引擎，這個(gè)渲染引擎是什么樣的？大家可以看到，封裝是最早的，可以把 H5 封裝 APP，以及 RN，還有 WEEX，以及今天的 Flutter。整個(gè)主線和思維按照這個(gè)理念進(jìn)行，而且時(shí)至今日這個(gè)理念依舊在影響我們前端開發(fā)。

第五階段

第五個(gè)階段是低代碼對(duì)于整個(gè)體系影響。

這里有一個(gè)背景就是互聯(lián)網(wǎng)下的風(fēng)口，所有的企業(yè)都看 to B 的體系，無論是阿里還是京東，to B 的體系有一個(gè)什么樣的東西？其實(shí)我們?cè)谇岸说捏w系里面把 to B 看成是中后臺(tái)，那里面有什么樣的特質(zhì)？比如說布局是高度標(biāo)準(zhǔn)化的，它的表單是高度標(biāo)準(zhǔn)化的，它的可視化圖表是高度標(biāo)準(zhǔn)化……這個(gè)體系存在大量的標(biāo)準(zhǔn)化，而不像 C 端多樣化，這個(gè)體系里面，如何用低代碼或者無代碼的體系來完成對(duì)這個(gè)體系的重塑，這是在 2016 年重點(diǎn)看待的事情，也是 2016 年給我們帶來很多的變化。今天很多公司提供這樣的解決方案，比如說今天微軟的 PowerApps，大家在這個(gè)領(lǐng)域在做新的探索。

小結(jié)

我們回顧可以看到：2003 年結(jié)構(gòu)樣式行為分離，預(yù)示著前端崗位的出現(xiàn)。2008 年 90% 性能優(yōu)化在前端，開啟了工程化。2013 年前后端分離，帶來了全棧的演進(jìn)。2014 年 Mobile first 是無線時(shí)代的來臨。2016 年 LOW/NO Code 出現(xiàn)，帶來了中后臺(tái)的重塑。

今天的機(jī)會(huì)

我們看今天是什么？每一個(gè)今天重點(diǎn)投入的方向背后思考是什么？我們今年阿里經(jīng)濟(jì)體前端委員會(huì)四大技術(shù)方向：第一搭建服務(wù)，第二是 Serverless，第三是智能化，第四是 IDE。

搭建服務(wù)

首先看搭建服務(wù)。今天講到了低代碼和無代碼通過什么方式完成？第一，肯定中間包含了大量的組件、元件、模塊。

在消費(fèi)端體系里面，我們也在做很多嘗試，比如說原來的頻道活動(dòng)，在活動(dòng)的體系里面也是高度抽象化的，所以在這個(gè)體系里面，我們可以看到整個(gè)搭建服務(wù)無論是在中后臺(tái)還是整個(gè)無線端，以及 PC 端都有大量場景，這樣大量場景需要把整個(gè)框架標(biāo)準(zhǔn)化，希望把里面的元件、組件以及模塊標(biāo)準(zhǔn)化，還希望把這樣的服務(wù)能夠服務(wù)于今天所有無論是中后臺(tái)也好，C 端頁面也好，希望有這樣的體系——服務(wù)化標(biāo)準(zhǔn)化的方式服務(wù)，打通整個(gè)體系，這就是為什么把搭建服務(wù)認(rèn)為是面向未來最重要的方向。

Serverless

今天很多人聽到了 Serverless，很多人對(duì)于 Serverless 理解有所不同。我理解 Serverless 有兩個(gè)角色：

• 一個(gè)是內(nèi)，內(nèi)是站在公司角度 Serverless 對(duì)前端的影響。
• 一個(gè)是外，外可能是在云上如何提供 Serverless 能力的提取。

回到公司的內(nèi)部，Serverless 帶來什么樣的影響呢？我覺得可以讓前端更加貼近業(yè)務(wù)，讓更多能力下沉。前端轉(zhuǎn)到 Node 體系有一個(gè)很大的挑戰(zhàn)，很多人說不是你會(huì)寫 Node.js 你就是前端工程師，我非常同意這樣說法。但是到了 Serverless 我們可以不用關(guān)注部署，不用關(guān)注運(yùn)維，不需要關(guān)注所有的 DevOps，也不需要關(guān)注底層數(shù)據(jù)庫的狀態(tài)，他會(huì)讓我們前后端整個(gè)的體系像前后端分層一樣又往前邁一步。

目前我的團(tuán)隊(duì)里面，不僅包括前端，還有 200 多個(gè) JAVA 開發(fā)，大家共同推進(jìn)所有的體系變革，希望團(tuán)隊(duì)里面所有業(yè)務(wù)邁向 Serverless。Serverless 需要把后端能力平臺(tái)化，把底層數(shù)據(jù)模型、領(lǐng)域模型和能力模型高度后臺(tái)化，對(duì)整個(gè)體系進(jìn)行重塑。之后前端會(huì)有大量的業(yè)務(wù)邏輯開發(fā)，讓前端更加貼近業(yè)務(wù)，讓前端更加理解業(yè)務(wù)，我覺得 Serverless 未來會(huì)在整個(gè)前后端開發(fā)模式上帶來新的變革。

回到外部體系，它是什么？五年前在 D2 我講了一個(gè)想法：在云上更多通過 Serverless 方式提供函數(shù)式編程，讓開發(fā)者編程更加快捷。端就是今天小程序，小程序就是未來端上的一個(gè)跨端的解決方案，而且有一定的收益、安全可控，云上一定是以 Serverless 的方式和端之間做連接，可以讓這個(gè)體系運(yùn)轉(zhuǎn)很好。

我今天看到一個(gè)數(shù)據(jù)說國內(nèi)今天在云上的 Serverless，有 60% 到 70% 的程序都是通過 Node.js 在運(yùn)行，所以 Node 在這當(dāng)中有很大的空間。研發(fā)平臺(tái)是什么樣？上層數(shù)據(jù)接入網(wǎng)關(guān)是什么樣？還有編排是什么？這是今天 Serverless 聚焦的領(lǐng)域并往下完成基礎(chǔ)設(shè)施的建設(shè)。當(dāng)然像我講的，Serverless 一定會(huì)帶來前端很大的變革。

智能化

去年在 D2 講過智能化，智能化一定是未來，為什么這樣講？因?yàn)樵?AI 來臨的時(shí)候，我們能否從一個(gè) Design 變成一個(gè) Code？今天每個(gè)公司的前端都有大量的設(shè)計(jì)、大量原代碼，我們通過大量設(shè)計(jì)稿和原代碼進(jìn)行機(jī)器學(xué)習(xí)，讓中間的布局可學(xué)習(xí)，讓中間的元件可學(xué)習(xí)，我相信未來 D2C 一定能夠解決前端生產(chǎn)力瓶頸，讓前端從今天大量低端開發(fā)、手工工作中解放出來，將精力轉(zhuǎn)移到很多領(lǐng)域深度的參與、深度的突破。

所以我覺得，智能化一定會(huì)帶來前端未來格局的變化，因?yàn)?AI 讓很多低效的工作通過這樣的方式完成。回到另外一個(gè)問題，無論是在無線化的時(shí)代，還是中后臺(tái)的時(shí)代，整個(gè)抽象程度是高度收斂的，不像原來做 C 端的 PC 是發(fā)散的。在收斂的情況下，一定是可以基于收斂的體系進(jìn)行規(guī)模化，而這個(gè)規(guī)模化是我們希望通過 AI 的方式完成整體的改造。我相信一定會(huì)帶來前端另外一個(gè)變化。

IDE

大家會(huì)問，為什么 IDE 會(huì)變成你們的核心方向？我講一下思考。今天阿里的前端我們做了叫工程中臺(tái)，工程中臺(tái)做到了前端代碼從提交到發(fā)布的管控，當(dāng)然包括中間提交之后整個(gè)代碼的編譯、構(gòu)建、檢測以及發(fā)布。但是在前臺(tái)的部分，每個(gè)團(tuán)隊(duì)都有一個(gè)工具，而這個(gè)工具在各團(tuán)隊(duì)之間割裂的，無法復(fù)用。因?yàn)楣こ滩粌H僅是提交到發(fā)布，前端工程化應(yīng)該從編碼開始到發(fā)布，應(yīng)該是一個(gè)完整的鏈路、完整的格局。

回到這個(gè)體系里面，如何能夠收斂前面整個(gè)的開發(fā)狀態(tài)，我覺得是可以通過 IDE 內(nèi)核構(gòu)建整個(gè)基礎(chǔ)。能夠把整個(gè)體系打通，同時(shí)所有團(tuán)隊(duì)、所有能力，作為組件的形式存在，組件可以讓更多人基于同樣一個(gè)架構(gòu)進(jìn)行高質(zhì)量的交付，這樣才能形成一個(gè)完整的生態(tài)。

當(dāng)然如果僅僅是面向內(nèi)部，IDE 還達(dá)不到作為整個(gè)集團(tuán)的四大方向之一。比如說還有很多 ISV，很多小程序開發(fā)、互動(dòng)的開發(fā)、一些工作的開發(fā)，我們也提供 IDE 給 ISV 的，但是那個(gè)體系是內(nèi)部的精簡版。如果今天把整個(gè) IDE 從內(nèi)到外全部打通，就是基于一套完整的架構(gòu)，然后基于上面的能力內(nèi)外都可以互通，可以帶來整個(gè)生態(tài)的能力提升。

小結(jié)

今天講到了，在整個(gè)搭建體系，在整個(gè)低代碼、無代碼的體系，依托 IDE 提供很多的能力，我們是否可以把本地的 IDE 跟云端 IDE 體系完全打通，通過一套架構(gòu)完成所有的體系構(gòu)建，通過組件的生態(tài)全部打通，形成完整的閉環(huán)，我覺得完全可以。

往外延伸，回到今天的云體系，也需要提供一個(gè) IDE 給今天更多人使用。你會(huì)發(fā)現(xiàn)，IDE 是可以把內(nèi)外、線上線下、所有的開發(fā)者生態(tài)全部打通，能夠讓集團(tuán)所有的前端的能力服務(wù)于阿里所有的生態(tài)，這就是我認(rèn)為 IDE 會(huì)作為我們核心戰(zhàn)略之一的原因，我們需要促進(jìn)這個(gè)體系的完成。

新興領(lǐng)域

前面我們講了今天阿里的前端的四大技術(shù)方向，這四大方向思考我已經(jīng)陳述了，希望給大家?guī)硪恍┧伎?。?dāng)然除了四大方向，我們依舊有很多沒有列在上面的部分。

上面說的三部分，對(duì)于未來我們依舊有很多的空間去探索。來看新交互，前端的強(qiáng)項(xiàng)是通過交互完成所有的工作，當(dāng)所有新的技術(shù)來臨的時(shí)候，怎么樣在新環(huán)境下完成所有工作？比如說今天 VR 時(shí)代來臨的時(shí)候，怎么完成 VR 交互？整個(gè)領(lǐng)域跟現(xiàn)在的開發(fā)領(lǐng)域有什么差異？是到它的體系重構(gòu)前端引擎嗎？還是有很多東西是值得我們想象和思考的。

物聯(lián)網(wǎng)時(shí)代來臨，我們團(tuán)隊(duì)有專門做 IoT，他們是做很多新零售。我們要做什么改變，也是前端要看待的事情。在那個(gè)體系里面，可以用 JS 寫什么樣的驅(qū)動(dòng)？可以推動(dòng)這個(gè)行業(yè)做什么樣的發(fā)展？其實(shí)都給前端打開了一道門。

最后 5G，中美搞得很緊張，都是因?yàn)楦?5G 相關(guān)。但是，5G 來臨帶來了什么？思考這個(gè)問題。我們今天大量的在觀測性能的消耗、兼容性的問題，未來隨著整個(gè)網(wǎng)速的提升一定會(huì)移向云端。如果今天在手機(jī)上做非常復(fù)雜的 3D 渲染，你會(huì)發(fā)現(xiàn)非常的卡頓。如果今天在手機(jī)上做非常復(fù)雜的游戲、動(dòng)畫也是很挑戰(zhàn)的。今天吃雞都是在 PC 端玩而不是手機(jī)上玩，因?yàn)閷?duì)于整個(gè)性能消耗、渲染整個(gè)體系有很強(qiáng)的要求。

5G 來臨會(huì)變成什么？所有渲染在云端完成，通過流媒體交互的方式完成所有的體系，第一個(gè)解決了所有在觀測渲染性能問題。第二解決了大量兼容性問題。會(huì)變得更加簡單。

我們要正確看待一個(gè)技術(shù)變革的時(shí)候，會(huì)帶來什么？什么樣的變化？這是我們需要深入思考的部分，因?yàn)檫@個(gè)一定會(huì)對(duì)未來形成一些變化，而我們的預(yù)判決定了我們今天如何看待未來，如何統(tǒng)治未來，我們應(yīng)該做什么。我相信新交互、IoT 還有 5G 一定會(huì)對(duì)前端未來的發(fā)展形成另外的影響。

如何引領(lǐng)技術(shù)？

為什么會(huì)有這個(gè)話題？這也是這兩年沉痛的思考。阿里前端有 2000 多人，這些人能力很強(qiáng)，但是在國內(nèi)上高質(zhì)量的前端都是上萬人，今天在前端的領(lǐng)域，我們對(duì)于前端領(lǐng)域的影響又是多少？其實(shí)是不成正比的。回到現(xiàn)在我們應(yīng)該做什么？我們應(yīng)該思考什么？我們應(yīng)該如何促進(jìn)整個(gè)國內(nèi)前端的影響力以及高質(zhì)量？我覺得不止是站在阿里團(tuán)隊(duì)的角度思考，更應(yīng)該站在國內(nèi)前端的角度思考，我們能做什么？

其實(shí)有一些東西大家覺得難嗎？其實(shí)我覺得好像也不難。說 Flutter 就是基于下沉的渲染，繪圖引擎做上層的多終端的方案。我記得剛剛進(jìn)入無線時(shí)代做兼容性的解決方案，思路是一脈相承的，為什么我們做了一個(gè)東西沒有聲音沒有繼續(xù)探索。而另外一個(gè)方案應(yīng)運(yùn)而生了。

第一，我們不是沒有思考力。第二，回到今天時(shí)代，你們看完了可以立馬寫一個(gè)。但是，為什么是他寫的？看完他的理念可以立即寫出一個(gè)東西。在這里再往下走，理念我們也有了，能力我們也有了，就是沒有出來東西，這是值得大家認(rèn)真思考的問題。

從表象到本質(zhì)

剛才我講時(shí)代變化的時(shí)候，我的理論是，因?yàn)樗幸粋€(gè)理論支撐了一個(gè)時(shí)代變化。框架也一樣，框架一定會(huì)有基于某個(gè)問題解決他的問題。React.js 解決了什么？就是最開始很痛苦，然后就用別的方式重構(gòu)。無論以前講的 MVC、MVP 還是 MVVM。大家說以前這個(gè)東西我提過，但是最后變成公共標(biāo)準(zhǔn)不是我，而是別人。

當(dāng)然首先回到一個(gè)理念，今天針對(duì)某一個(gè)東西要做什么。首先要有理念，比如說今天我期望解決當(dāng)下的多終端適配的問題，希望通過多途徑渲染完成體系的變化?；氐降膯栴}是今天如何解決問題？這個(gè)問題是什么？我如何定義這個(gè)問題？我們要形成一個(gè)理念，才能往后走，往后走怎么走？

理念到落地

通過雙引擎促使今天的變化。

今天的人才引入要做什么？我們針對(duì)前面提出很多假設(shè)，以及對(duì)于未來暢想的思考以及針對(duì)今天問題的深度解決，針對(duì)這些體系要進(jìn)行專業(yè)人才的引入。今天要做 IDE 就需要原來做過 IDE 專業(yè)人才。今天需要一些跨界，跨界是怎么講？原來模塊加載，有幾年前端流行模塊加載，模塊的 JS 理念來源于哪里？Python。就是從一個(gè)語言到另外一個(gè)語言，吸收長處，讓這個(gè)長處到我們的體系中解決問題，其實(shí)我們需要跨界人才帶來更多元化的思考，而不僅僅是我們自己的思考。多元化一定會(huì)帶來很多的思路，和今天很多學(xué)術(shù)一樣，一定會(huì)有相互之間交集所出現(xiàn)的學(xué)科。今天也是希望有更多不同跨界人才加入促使這個(gè)體系變化。

另外是研究型人才。今天我們?nèi)绻隹梢暬?#xff0c;很多公司在做可視化，但是可視化其實(shí)是一個(gè)學(xué)術(shù)的領(lǐng)域。在大學(xué)里面是有課程的。但是回到體系，我們對(duì)它的思考是什么，深度夠不夠？包括今天 3D 也一樣，在很多大學(xué)也是有課的，圖形渲染怎么樣，該怎么做，是有非常復(fù)雜的學(xué)術(shù)背景的。對(duì)于我們來講，這些人才我們有沒有？我覺得這是每個(gè)公司、每個(gè)團(tuán)隊(duì)要思考的一個(gè)問題。

再往上就是通過雙引擎。我期望很多東西通過低代碼、無代碼完成大量低效工作后，剩下的精力放在應(yīng)用的深度上。

第二學(xué)術(shù)人才加入，我們需要通過學(xué)術(shù)化探討加入更多新理論進(jìn)來，通過這兩個(gè)雙引擎，能夠把我們前面提到的理念落到技術(shù)，這是整個(gè)國內(nèi)目前很缺失的部分，也是我今天認(rèn)為最需要改變的部分。

影響力建設(shè)

兩個(gè)途徑：

• 第一個(gè)途徑是標(biāo)準(zhǔn)組織。跟前端相關(guān)的標(biāo)準(zhǔn)組織就三個(gè)，一個(gè)是 TC39，第二 W3C，第三是 Node 基金會(huì)。今天如何通過我們的思考，我們的能力影響今天的標(biāo)準(zhǔn)？我覺得前段時(shí)間有人跟我抱怨，說 TC39 方案不合理，我有更好的方案，可是他們就不聽我的。我們?nèi)绾谓鉀Q這些問題？這是我們要思考的問題。
• 第二個(gè)途徑是開源生態(tài)，我們?nèi)绾瓮ㄟ^開源生態(tài)完成所有東西。我們今天做的還不夠，有的公司團(tuán)隊(duì)在開源方面做得還不錯(cuò)?；氐浇裉煺麄€(gè)國內(nèi)，我們?nèi)绾尉邆渖鐓^(qū)化運(yùn)營的基因，我覺得值得所有人思考的問題，包括我自己也在思考這方面的問題。

標(biāo)準(zhǔn)組織

我們首先要了解標(biāo)準(zhǔn)組織是怎么樣的？有什么樣的方向？制度是什么樣的？我要參與什么？不能參與什么？要了解怎么運(yùn)轉(zhuǎn)，加上我們的思考判斷、對(duì)于未來趨勢的判斷，以及我們對(duì)于深度應(yīng)用的判斷，然后推動(dòng)整個(gè)標(biāo)準(zhǔn)組織的完善。

開源生態(tài)

開源生態(tài)簡單。怎么挖掘、培育和運(yùn)營來使我們的體系變成一個(gè)社區(qū)化的運(yùn)營。

其實(shí)有時(shí)候不一定說做開源的社區(qū)，首先團(tuán)隊(duì)能不能做到社區(qū)化的運(yùn)作？我相信很多團(tuán)隊(duì)是做不到的。團(tuán)隊(duì)內(nèi)的技術(shù)項(xiàng)目不是從上至下的，而是像社區(qū)一樣運(yùn)作，這能夠促進(jìn)整個(gè)生態(tài)的完善，這是可以推進(jìn)的部分。

籌備中國前端聯(lián)盟

另外因?yàn)?Hax 的痛苦，包括阿里的前端、360、Hax，我們看如何籌備中國前端聯(lián)盟，希望通過這個(gè)聯(lián)盟幫助未來中國前端的發(fā)展，我們往下落地的過程中還有一些細(xì)節(jié)在繼續(xù)推進(jìn)。

這個(gè)組織要做的事情：

• 標(biāo)準(zhǔn)對(duì)接
• 開源共建
• 信息互通

通過協(xié)同協(xié)作形成世界性的影響，希望這個(gè)組織未來能夠成立，也是基于前面講的很多點(diǎn)的思考。今天具備思考，具備能力，但是今天沒有世界級(jí)的影響。這是很痛的一個(gè)點(diǎn)，中國前端要往前發(fā)展，一定形成世界級(jí)的影響，世界級(jí)的影響一定靠所有人聯(lián)合在一起。

前端價(jià)值

前面我講的很多東西你做到了，但是很多人回到公司都要回答一個(gè)問題：前端對(duì)于公司的價(jià)值是什么？前端對(duì)于公司價(jià)值一定不是專業(yè)的建設(shè)，但是專業(yè)建設(shè)是必不可少的，但同時(shí)作為組織里面的崗位要回答，我這個(gè)崗位對(duì)于公司的價(jià)值是什么？所以我說，前面都做到了不等于價(jià)值。技術(shù)能力也不等于整個(gè)企業(yè)價(jià)值。這里面應(yīng)該做什么樣的思考？

傳統(tǒng)三件套

傳統(tǒng)三件套也是今天很多團(tuán)隊(duì)在做的：如何提升前端效率，讓資源變得更加的高效？如何做性能優(yōu)化、體驗(yàn)優(yōu)化？很多團(tuán)隊(duì)都在做性能優(yōu)化。另外如何保障產(chǎn)品的質(zhì)量等等。這是作為一個(gè)開發(fā)崗位最基本應(yīng)該做到的。

Gap 在哪里

比如說今天運(yùn)營策略是什么？引領(lǐng)模式是什么？產(chǎn)品邏輯是什么？業(yè)務(wù)閉環(huán)是什么？轉(zhuǎn)化漏洞是什么？市場占比是什么？它要求的一定不是一個(gè)前端的能力，它要求的是另外三個(gè)能力：商業(yè)化的思考能力、數(shù)據(jù)化的能力，以及產(chǎn)品化的能力。

如何思考商業(yè)的閉環(huán)？站在產(chǎn)品角度產(chǎn)品邏輯應(yīng)該是什么？產(chǎn)品應(yīng)該怎么做？怎么樣通過了解今天的數(shù)據(jù)看待很多問題，推動(dòng)體系的變化？這是我們前端都需要增強(qiáng)的。當(dāng)你具備了這三個(gè)能力的時(shí)候，我相信你在公司的價(jià)值一定會(huì)得到體現(xiàn)。

總結(jié)

今天的我們還只是在啟程的路上，未來的世界還在變化，比如說 Serverless 都在變化，未來的路怎樣還未可知。最后把一句話送給所有人：路漫漫其修遠(yuǎn)兮，吾將上下而求索。

原文鏈接
本文為云棲社區(qū)原創(chuàng)內(nèi)容，未經(jīng)允許不得轉(zhuǎn)載。

總結(jié)

以上是生活随笔為你收集整理的阿里前端委员会主席圆心：未来前端的机会在哪里？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。