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

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

四位技術人不4、杜歡、海波和堂主對 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 等技術領域、聚焦雲原生流行技術趨勢、雲原生大規模的落地實踐，作最懂雲原生開發者的公衆號。」