2020 有哪些不容錯過的前端技術趨勢？

導讀：2019 年的大前端熱鬧非凡，Serverless，Flutter，Vue3.0，桌面應用開發，小程式，WebAssembly 的火爆發展還是超乎我們預期，2020 的大前端又有哪些不容錯過的技術趨勢呢？

四位技術人不四、杜歡、海波和堂主對 2020 年前端發展趨勢進行了展望，同時也闡述 2020 年前端從業者可能將要面臨的挑戰。

• 不四 螞蟻金服高階前端技術專家，語雀產品技術負責人
• 杜歡 阿里雲戰略 & 合作部 高階前端技術專家、阿里巴巴經濟體前端 Serverless 研發升級專案負責人
• 海波 網易雲音樂前端負責人
• 堂主 政採雲前端負責人

Q1：在 2019 年大前端領域，您印象最深刻或者最重要的一件事情是什麼？

不四：隨著大前端領域開始進入深水區，越來越多的資源開始往兩端傾斜，Low Code 領域解決大量營銷活動和中後臺的業務場景， Pro Code 領域則通過基建賦能來提升開發者的研發效能，支援更復雜的研發場景。

杜歡：2019 年，雲廠商和整個前端開發者社群都在積極推動 Serverless 概念的落地，雲 + 端的研發模式雛形初顯，大前端的未來充滿更多可能。

海波：運營工具體系作為前端容易切入的業務賦能場景，近兩年在各個大小廠如雨後春筍般湧現，諸如頁面搭建工具以及圖片、音視訊等素材的合成製作工具等等，其中也有不乏結合視覺、音視訊演算法以及推薦演算法的智慧化場景案例。相信 2020 年運營工具在限定場景下的智慧化擴充應該會成為一個大家發力的重要賽道，因為傳統的拖拖拽拽的生產方式在提效上的天花板是存在的。

堂主：過去一年最深的感受，在於隨著業務及終端的多元化，前端也正式進入了深水區，在解決業務問題的同時，更加關注研發效能。在工程技術收益向平臺業務收益轉變的過程中，前端正在向傳統職能範疇的上下游進行擴充和打通，從研發工程化到智慧 AI+ 的自動化探索，研發工程鏈路上的 Low Code 對業務賦能降本的驚人價值；Serverless 理念的認知與實踐，前端研發能力的愈加下沉和帶來的應用單兵能力，能看到行業在由 Web 前端開發向 Web 應用開發快速前進的趨勢。

Q2：2019 年，最超乎您預期的一個前端技術趨勢是什麼？

不四：我自己的工作重心其實在 Pro Code 和全棧研發領域，但是 19 年過去之後回頭來看，Low Code 領域的發展迅速超出我的預期。從最早的通過模組化搭建解決營銷活動領域的問題，發展到現在可以通過 Low Code 來解決內部複雜的中後臺業務需求，隨著智慧化和前端的結合、Low Code 和 Pro Code 的結合，儘管還是在探索階段，但是從趨勢來看這可能是給前端提效的一個大方向。

杜歡：前端 Serverless 研發模式在阿里巴巴雙十一落地還是讓我感覺非常震撼的，雖然還只是邁出的第一步，但這一步的象徵意義非常巨大且顯性。通過阿里經濟體前端 Serverless 研發模式升級實踐可以看出未來應用開發的幾個特徵：

• 業務開發者不再關心很細節的機器資源申請、運維；
• 資料來源將得到進一步的融合，業務層可以自由編排使用；
• 前端可以完成整個應用的交付；
• 流量高峰前後，不用主動規劃資源；通過這些研發態的變化，業務可以更低成本更高效的試錯。

海波：應該是小程式吧。除了AT（阿里和騰訊）小程式繼續收割流量，日活再創新高，2B (百度和位元組) 小程式也開始展露頭角，甚至 360 還提出了桌面端小程式概念，在邊緣場景也想分到一杯羹。「小程式跨端」這個技術議題開始變成剛需，比如 taro 等技術方案變得越來越有市場，技術方案從跨 Web 和 RN 等，演變到需要跨小程式 ABCDEFG… 。不得不說，在為這些小程式疲於奔命的時候，作為普通開發者，我們對於 Web 標準本身的關注正在減弱。不過從純技術視角看，小程式對於跨端體驗優化還是有參考價值的，比如離線包、獨立歷史棧的多頁保活 Webview 以及一些關鍵檢視的混合渲染，切實解決了純 Web 的體驗痛點。另外，W3C 也首次釋出了小程式標準化白皮書的內容，偏門變正道也存在可能性。

堂主：2019 年最超出我預期的實際上有兩個，其一是 Low Code 能力的發展對人效的提升，由單端到現在的多端；由早期的偏營銷展示的輕業務場景到現在的中後臺複雜業務場景，乃至業務模型、鏈路和事件的可支援；由 UI 模組的人肉編碼研發到智慧化的 UI2Code 生成經過實踐。其二是 Serverless 理念的廣泛佈道和部分廠的垂直化嘗試，就像前面問題回答的，前端的能力在下沉，正迴歸到 Web 工程師的路上，這不論是對業務還是前端自身都是利好。

Q3：2020 年的大前端領域，您認為最值得關注的技術趨勢是什麼？

不四：隨著前端框架和其他基礎設施的進一步完善，前端工程師可能更多的需要將關注點放在如何利用這些基礎設施來更好的解決業務問題上來。在 Low Code 領域如何讓 Low Code 的產物與 Pro Code 結合以解決更復雜的業務，在 Pro Code 領域如何使用雲服務、Serverless 等技術為基礎，進入更廣闊的全棧研發世界，都是值得關注和投入的。

杜歡：從前端行業價值角度上看，我目前還是會認為可以優先關注雲端 Serverless 研發模式升級這件事情。隨著雲底層能力的不斷豐富，雲廠商平臺逐漸提供了越來越強的免架構及免運維能力，使得整個社會開始逐漸具備將經歷聚焦到業務思考本身，這會影響到僱主對整個研發體系建設的選擇。當僱主有機會讓更多研發人員只專注業務邏輯開發時，普遍具備專業的裝置端互動邏輯開發且能通過 NodeJS 等語言實現後端業務邏輯開發的大前端行業，將會得到更大的機會，這會是對整個行業帶來深遠影響的方向，值得大家關注。

海波：Serverless 吧。我們內部雖然也在嘗試積極實踐 Node BFF ，但如果拋開擴充職能邊界這個對內價值，而從最終提效來說，效果可能並不明顯， Node 更多的會用在一些非核心鏈路（比如運營工具、監控平臺等）或中後臺業務以及相對較成熟的 SSR 等。並且在面對大流量的 C 端場景，也會一些穩定性隱患，大廠可能可以有充足的投入去保障，中小廠就相對沒那麼幸運了，只能選擇在一些小場景反覆磨鍊。而 Serverless 作為一種科學的開發理念和新的協作分工模式，有可能將一個模組或功能（甚至應用）的 ”端+服務“的開發複雜度縮小到單位人力可承載，貼合前端廣且薄的職能特點，從而解決人員基礎的問題。

堂主：我認為是 Serverless，基於 Serverless 的研發體系變革和能力進化的普適性和影響深度會超出一些同學的預期。Serverless 對底層資源和運維工作的封裝，讓前端能更專注於互動邏輯、業務邏輯和資料而非環境本身，在 UI 即函式 + Faas 的事件驅動，Node 能力結合容器及微服務的架構，前端比以往更容易以全棧的姿態貼近業務、服務業務。未來結合 AI 智慧生成的加持，Web IDE 對本地環境的抹平和業務開發與平臺能力的打通，前端的變革會更加深遠。

Q4：您認為對於前端從業者來說，2020 年可能面臨的最大挑戰是什麼？

不四：正所謂能力越大，責任越大。隨著前端能使用的“武器”變的更強大，前端要解決的問題也更復雜。然而不論前端如何發展，最終還是要回歸到“解決問題”這個本質上。能否利用這些新的“武器”來找到新的業務場景，或者讓之前的場景明顯提效，可能是接下來大前端開發者需要思考的。

杜歡：上面我更多的在提雲端 Serverless 研發模式升級這件事情，實際上除此之外，前端還有很多其他不錯的方向，比如智慧化、低程式碼化等等，其中有一些會是幫助前端進一步解放的工具，有一些是幫助前端進一步擴大價值的方法，但是這兩者，都對前端提了一個相同的要求：要做一個精通業務的開發者，如果還是像原來那樣簡單的“切頁面”，那可能未來第一批被淘汰的就是這些人。而要成為一個精通業務的開發者，又將會是一個全新的話題，除了技術之外，我們要連結更多，思考更多！

海波：2020 年的挑戰我覺得和 2019 年並不會有實質差別，務虛一點說：「如何在業務中探索前端的技術價值體現」，這點我覺得在所有業務前端團隊可能都是長久的挑戰。

堂主：2020 年前端研發體系的升級不會這麼快，諸如 Serverless 也還處於理念到最佳實踐的探索階段。最大的挑戰，我認為是在新思想和各方實踐的推動下，優勢大廠平臺和一般小廠之間行業技術從業者的認知代差會進一步擴大，後續幾年，初中級從業者的行業紅利會逐漸消失。這裡還是要強調下，技術的價值在於解決業務問題，不同階段的業務所需的技術配套是不同的。擁抱業務，不要狹隘的從前端角度看業務，從業務角度去看研發看前端，聚焦各自的業務問題，由場景出發找方案能帶來更好的成長。

Serverlesss 技術公開課上線

“Serverless” 隨著雲原生概念的普及，近年來非常火爆。似乎人人都熱衷於探討它出現的意義，但對於 Serverless 具體產品形態如何？怎樣在生產中落地使用？在落地過程中有哪些深坑卻討論甚少。這一次，我們集結 10+ 位阿里巴巴 Serverless 領域技術專家，打造最適合開發者入門的 Serverless 公開課，讓你即學即用，輕鬆擁抱雲端計算的新正規化——Serverless。

點選即可免費觀看課程： https://developer.aliyun.com/learning/roadmap/serverless

“ 阿里巴巴雲原生關注微服務、Serverless、容器、Service Mesh 等技術領域、聚焦雲原生流行技術趨勢、雲原生大規模的落地實踐，做最懂雲原生開發者的公眾號。”