有哪些即將讓人眼前一亮的前端新技術？

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