四位技術(shù)人不四、杜歡、海波和堂主對(duì) 2020 年前端發(fā)展趨勢(shì)進(jìn)行了展望，同時(shí)也闡述 2020 年前端從業(yè)者可能將要面臨的挑戰(zhàn)。

[[325129]]

不四，螞蟻金服高級(jí)前端技術(shù)專家，語(yǔ)雀產(chǎn)品技術(shù)負(fù)責(zé)人

杜歡，阿里云戰(zhàn)略 & 合作部 高級(jí)前端技術(shù)專家、阿里巴巴經(jīng)濟(jì)體前端 Serverless 研發(fā)升級(jí)項(xiàng)目負(fù)責(zé)人

海波，網(wǎng)易云音樂(lè)前端負(fù)責(zé)人

堂主，政采云前端負(fù)責(zé)人

Q1：在 2019 年大前端領(lǐng)域，您印象最深刻或者最重要的一件事情是什么?

不四：隨著大前端領(lǐng)域開(kāi)始進(jìn)入深水區(qū)，越來(lái)越多的資源開(kāi)始往兩端傾斜，Low Code 領(lǐng)域解決大量營(yíng)銷活動(dòng)和中后臺(tái)的業(yè)務(wù)場(chǎng)景， Pro Code 領(lǐng)域則通過(guò)基建賦能來(lái)提升開(kāi)發(fā)者的研發(fā)效能，支持更復(fù)雜的研發(fā)場(chǎng)景。

杜歡：2019 年，云廠商和整個(gè)前端開(kāi)發(fā)者社區(qū)都在積極推動(dòng) Serverless 概念的落地，云 + 端的研發(fā)模式雛形初顯，大前端的未來(lái)充滿更多可能。

海波：運(yùn)營(yíng)工具體系作為前端容易切入的業(yè)務(wù)賦能場(chǎng)景，近兩年在各個(gè)大小廠如雨后春筍般涌現(xiàn)，諸如頁(yè)面搭建工具以及圖片、音視頻等素材的合成制作工具等等，其中也有不乏結(jié)合視覺(jué)、音視頻算法以及推薦算法的智能化場(chǎng)景案例。相信 2020 年運(yùn)營(yíng)工具在限定場(chǎng)景下的智能化拓展應(yīng)該會(huì)成為一個(gè)大家發(fā)力的重要賽道，因?yàn)閭鹘y(tǒng)的拖拖拽拽的生產(chǎn)方式在提效上的天花板是存在的。

堂主：過(guò)去一年最深的感受，在于隨著業(yè)務(wù)及終端的多元化，前端也正式進(jìn)入了深水區(qū)，在解決業(yè)務(wù)問(wèn)題的同時(shí)，更加關(guān)注研發(fā)效能。在工程技術(shù)收益向平臺(tái)業(yè)務(wù)收益轉(zhuǎn)變的過(guò)程中，前端正在向傳統(tǒng)職能范疇的上下游進(jìn)行拓展和打通，從研發(fā)工程化到智能 AI+ 的自動(dòng)化探索，研發(fā)工程鏈路上的 Low Code 對(duì)業(yè)務(wù)賦能降本的驚人價(jià)值;Serverless 理念的認(rèn)知與實(shí)踐，前端研發(fā)能力的愈加下沉和帶來(lái)的應(yīng)用單兵能力，能看到行業(yè)在由 Web 前端開(kāi)發(fā)向 Web 應(yīng)用開(kāi)發(fā)快速前進(jìn)的趨勢(shì)。

Q2：2019 年，最超乎您預(yù)期的一個(gè)前端技術(shù)趨勢(shì)是什么?

不四：我自己的工作重心其實(shí)在 Pro Code 和全棧研發(fā)領(lǐng)域，但是 19 年過(guò)去之后回頭來(lái)看，Low Code 領(lǐng)域的發(fā)展迅速超出我的預(yù)期。從最早的通過(guò)模塊化搭建解決營(yíng)銷活動(dòng)領(lǐng)域的問(wèn)題，發(fā)展到現(xiàn)在可以通過(guò) Low Code 來(lái)解決內(nèi)部復(fù)雜的中后臺(tái)業(yè)務(wù)需求，隨著智能化和前端的結(jié)合、Low Code 和 Pro Code 的結(jié)合，盡管還是在探索階段，但是從趨勢(shì)來(lái)看這可能是給前端提效的一個(gè)大方向。

杜歡：前端 Serverless 研發(fā)模式在阿里巴巴雙十一落地還是讓我感覺(jué)非常震撼的，雖然還只是邁出的第一步，但這一步的象征意義非常巨大且顯性。通過(guò)阿里經(jīng)濟(jì)體前端 Serverless 研發(fā)模式升級(jí)實(shí)踐可以看出未來(lái)應(yīng)用開(kāi)發(fā)的幾個(gè)特征：

• 業(yè)務(wù)開(kāi)發(fā)者不再關(guān)心很細(xì)節(jié)的機(jī)器資源申請(qǐng)、運(yùn)維;
• 數(shù)據(jù)源將得到進(jìn)一步的融合，業(yè)務(wù)層可以自由編排使用;
• 前端可以完成整個(gè)應(yīng)用的交付;
• 流量高峰前后，不用主動(dòng)規(guī)劃資源;通過(guò)這些研發(fā)態(tài)的變化，業(yè)務(wù)可以更低成本更高效的試錯(cuò)。

海波：應(yīng)該是小程序吧。除了AT(阿里和騰訊)小程序繼續(xù)收割流量，日活再創(chuàng)新高，2B (百度和字節(jié)) 小程序也開(kāi)始展露頭角，甚至 360 還提出了桌面端小程序概念，在邊緣場(chǎng)景也想分到一杯羹。「小程序跨端」這個(gè)技術(shù)議題開(kāi)始變成剛需，比如 taro 等技術(shù)方案變得越來(lái)越有市場(chǎng)，技術(shù)方案從跨 Web 和 RN 等，演變到需要跨小程序 ABCDEFG… 。不得不說(shuō)，在為這些小程序疲于奔命的時(shí)候，作為普通開(kāi)發(fā)者，我們對(duì)于 Web 標(biāo)準(zhǔn)本身的關(guān)注正在減弱。不過(guò)從純技術(shù)視角看，小程序?qū)τ诳缍梭w驗(yàn)優(yōu)化還是有參考價(jià)值的，比如離線包、獨(dú)立歷史棧的多頁(yè)保活 Webview 以及一些關(guān)鍵視圖的混合渲染，切實(shí)解決了純 Web 的體驗(yàn)痛點(diǎn)。另外，W3C 也首次發(fā)布了小程序標(biāo)準(zhǔn)化白皮書的內(nèi)容，偏門變正道也存在可能性。

堂主：2019 年最超出我預(yù)期的實(shí)際上有兩個(gè)，其一是 Low Code 能力的發(fā)展對(duì)人效的提升，由單端到現(xiàn)在的多端;由早期的偏營(yíng)銷展示的輕業(yè)務(wù)場(chǎng)景到現(xiàn)在的中后臺(tái)復(fù)雜業(yè)務(wù)場(chǎng)景，乃至業(yè)務(wù)模型、鏈路和事件的可支持;由 UI 模塊的人肉編碼研發(fā)到智能化的 UI2Code 生成經(jīng)過(guò)實(shí)踐。其二是 Serverless 理念的廣泛布道和部分廠的垂直化嘗試，就像前面問(wèn)題回答的，前端的能力在下沉，正回歸到 Web 工程師的路上，這不論是對(duì)業(yè)務(wù)還是前端自身都是利好。

Q3：2020 年的大前端領(lǐng)域，您認(rèn)為最值得關(guān)注的技術(shù)趨勢(shì)是什么?

不四：隨著前端框架和其他基礎(chǔ)設(shè)施的進(jìn)一步完善，前端工程師可能更多的需要將關(guān)注點(diǎn)放在如何利用這些基礎(chǔ)設(shè)施來(lái)更好的解決業(yè)務(wù)問(wèn)題上來(lái)。在 Low Code 領(lǐng)域如何讓 Low Code 的產(chǎn)物與 Pro Code 結(jié)合以解決更復(fù)雜的業(yè)務(wù)，在 Pro Code 領(lǐng)域如何使用云服務(wù)、Serverless 等技術(shù)為基礎(chǔ)，進(jìn)入更廣闊的全棧研發(fā)世界，都是值得關(guān)注和投入的。

杜歡：從前端行業(yè)價(jià)值角度上看，我目前還是會(huì)認(rèn)為可以優(yōu)先關(guān)注云端 Serverless 研發(fā)模式升級(jí)這件事情。隨著云底層能力的不斷豐富，云廠商平臺(tái)逐漸提供了越來(lái)越強(qiáng)的免架構(gòu)及免運(yùn)維能力，使得整個(gè)社會(huì)開(kāi)始逐漸具備將經(jīng)歷聚焦到業(yè)務(wù)思考本身，這會(huì)影響到雇主對(duì)整個(gè)研發(fā)體系建設(shè)的選擇。當(dāng)雇主有機(jī)會(huì)讓更多研發(fā)人員只專注業(yè)務(wù)邏輯開(kāi)發(fā)時(shí)，普遍具備專業(yè)的設(shè)備端交互邏輯開(kāi)發(fā)且能通過(guò) NodeJS 等語(yǔ)言實(shí)現(xiàn)后端業(yè)務(wù)邏輯開(kāi)發(fā)的大前端行業(yè)，將會(huì)得到更大的機(jī)會(huì)，這會(huì)是對(duì)整個(gè)行業(yè)帶來(lái)深遠(yuǎn)影響的方向，值得大家關(guān)注。

海波：Serverless 吧。我們內(nèi)部雖然也在嘗試積極實(shí)踐 Node BFF ，但如果拋開(kāi)拓展職能邊界這個(gè)對(duì)內(nèi)價(jià)值，而從最終提效來(lái)說(shuō)，效果可能并不明顯， Node 更多的會(huì)用在一些非核心鏈路(比如運(yùn)營(yíng)工具、監(jiān)控平臺(tái)等)或中后臺(tái)業(yè)務(wù)以及相對(duì)較成熟的 SSR 等。并且在面對(duì)大流量的 C 端場(chǎng)景，也會(huì)一些穩(wěn)定性隱患，大廠可能可以有充足的投入去保障，中小廠就相對(duì)沒(méi)那么幸運(yùn)了，只能選擇在一些小場(chǎng)景反復(fù)磨煉。而 Serverless 作為一種科學(xué)的開(kāi)發(fā)理念和新的協(xié)作分工模式，有可能將一個(gè)模塊或功能(甚至應(yīng)用)的 ”端+服務(wù)“的開(kāi)發(fā)復(fù)雜度縮小到單位人力可承載，貼合前端廣且薄的職能特點(diǎn)，從而解決人員基礎(chǔ)的問(wèn)題。

堂主：我認(rèn)為是 Serverless，基于 Serverless 的研發(fā)體系變革和能力進(jìn)化的普適性和影響深度會(huì)超出一些同學(xué)的預(yù)期。Serverless 對(duì)底層資源和運(yùn)維工作的封裝，讓前端能更專注于交互邏輯、業(yè)務(wù)邏輯和數(shù)據(jù)而非環(huán)境本身，在 UI 即函數(shù) + Faas 的事件驅(qū)動(dòng)，Node 能力結(jié)合容器及微服務(wù)的架構(gòu)，前端比以往更容易以全棧的姿態(tài)貼近業(yè)務(wù)、服務(wù)業(yè)務(wù)。未來(lái)結(jié)合 AI 智能生成的加持，Web IDE 對(duì)本地環(huán)境的抹平和業(yè)務(wù)開(kāi)發(fā)與平臺(tái)能力的打通，前端的變革會(huì)更加深遠(yuǎn)。

Q4：您認(rèn)為對(duì)于前端從業(yè)者來(lái)說(shuō)，2020 年可能面臨的最大挑戰(zhàn)是什么?

不四：正所謂能力越大，責(zé)任越大。隨著前端能使用的“武器”變的更強(qiáng)大，前端要解決的問(wèn)題也更復(fù)雜。然而不論前端如何發(fā)展，最終還是要回歸到“解決問(wèn)題”這個(gè)本質(zhì)上。能否利用這些新的“武器”來(lái)找到新的業(yè)務(wù)場(chǎng)景，或者讓之前的場(chǎng)景明顯提效，可能是接下來(lái)大前端開(kāi)發(fā)者需要思考的。

杜歡：上面我更多的在提云端 Serverless 研發(fā)模式升級(jí)這件事情，實(shí)際上除此之外，前端還有很多其他不錯(cuò)的方向，比如智能化、低代碼化等等，其中有一些會(huì)是幫助前端進(jìn)一步解放的工具，有一些是幫助前端進(jìn)一步擴(kuò)大價(jià)值的方法，但是這兩者，都對(duì)前端提了一個(gè)相同的要求：要做一個(gè)精通業(yè)務(wù)的開(kāi)發(fā)者，如果還是像原來(lái)那樣簡(jiǎn)單的“切頁(yè)面”，那可能未來(lái)第一批被淘汰的就是這些人。而要成為一個(gè)精通業(yè)務(wù)的開(kāi)發(fā)者，又將會(huì)是一個(gè)全新的話題，除了技術(shù)之外，我們要鏈接更多，思考更多!

海波：2020 年的挑戰(zhàn)我覺(jué)得和 2019 年并不會(huì)有實(shí)質(zhì)差別，務(wù)虛一點(diǎn)說(shuō)：「如何在業(yè)務(wù)中探索前端的技術(shù)價(jià)值體現(xiàn)」，這點(diǎn)我覺(jué)得在所有業(yè)務(wù)前端團(tuán)隊(duì)可能都是長(zhǎng)久的挑戰(zhàn)。

堂主：2020 年前端研發(fā)體系的升級(jí)不會(huì)這么快，諸如 Serverless 也還處于理念到最佳實(shí)踐的探索階段。最大的挑戰(zhàn)，我認(rèn)為是在新思想和各方實(shí)踐的推動(dòng)下，優(yōu)勢(shì)大廠平臺(tái)和一般小廠之間行業(yè)技術(shù)從業(yè)者的認(rèn)知代差會(huì)進(jìn)一步擴(kuò)大，后續(xù)幾年，初中級(jí)從業(yè)者的行業(yè)紅利會(huì)逐漸消失。這里還是要強(qiáng)調(diào)下，技術(shù)的價(jià)值在于解決業(yè)務(wù)問(wèn)題，不同階段的業(yè)務(wù)所需的技術(shù)配套是不同的。擁抱業(yè)務(wù)，不要狹隘的從前端角度看業(yè)務(wù)，從業(yè)務(wù)角度去看研發(fā)看前端，聚焦各自的業(yè)務(wù)問(wèn)題，由場(chǎng)景出發(fā)找方案能帶來(lái)更好的成長(zhǎng)。