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 研發模式更新實踐可以看出未來應用開發的幾個特征：

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

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