騰訊專家工程師：2020年，前端發展關鍵詞有哪些？

• 2019 年 11 月 14 日
• 筆記

導語 | 迅速發展的前端開發，在每一年，都為開發者帶來了新的關鍵詞。2019年已步入尾聲，2020年，前端發展的關鍵詞又將有哪些呢？雲加社區特別邀請了騰訊TWeb大會出品人，為大家預測2020年前端發展關鍵詞。

「前端發展到如今，在眾多領域發光發熱，比如Node.js、瀏覽器、客戶端、小程式、小遊戲、IOT等，寬度之廣前所未見，不管在哪個領域，或多或少的體現了大家對研發效率的追求。談到研發效率，誰都不能忽略Serverless的影響力，在未來這可能突破性的提升研發效率，就像CDN一樣，成為前端的基礎設施。」

—— Youkunhuang QQ基礎Web前端負責人，專家工程師

「2019年已經走過一大半， 每次站在年末的時間點去展望前端未來的發展，你會發現，每年的關鍵詞都不一樣，這就是前端的變化速度。

回望：

回望這一年，幾個大的方向發展非常明顯，在基礎語言和框架方面，隨著很多前端團隊的不斷壯大和業務複雜度的提升，規模化編程越來越依賴類型系統和面向對象的支援，Typescript被越來越多的開發者所採納，落地難度不大，效率提升明顯，另外，前端三大框架已經趨於成熟，平穩並標準化，對Typescript的支援也越來越完善，Typescript+三大框架已經成為很多前端團隊技術棧的標配；

在小程式方面，今年仍然是小程式突飛猛進的一年，各大主流的App都上線了小程式能力的支援，各前端團隊也都有了專門的小程式開發團隊，以適應更快的小程式開發需求，同時App里很多關鍵的功能都被小程式所替代，甚至有些App已經變成Native小程式殼，上層的應用實現全部是小程式，這裡的好處也顯而易見；

跨端開發方面，RN生態已經非常成熟，或者說看不到太多發展前景，很多團隊轉戰Google生態的Flutter，特別是Flutter for Web的第一個Release，又讓Web前端重燃希望，躍躍欲試，Apple也發布了自己生態里全新的UI系統——SwiftUI，SwiftUI對於苦於Apple UI系統的開發者來說，絕對是一個非常大的革新，就等著iOS13的普及速度了，同時，開源社區里SwiftUI for Web已經在路上了，SwiftUI for Android還會遠嗎？

前端工程化方面，開發者最重要的基本素養就是通過工具提升效率，而前端開發者在這方面更勝一籌，今年很多團隊都在建設完整的前端DevOps流程工具集，一些團隊之間也開始協作共建，不管是Web還是小程式項目，從新建項目、開發、聯調、部署、測試、發布、運維到監控統計，都有完善的工具去保證和提效，今後前端工程也會越走越標準化。

展望：

每一次前端研發模式的革新或者突破，都因一些變革性技術而起，展望未來一兩年，可以感知到的技術變革就有雲計算和5G，那就從這兩個方面來聊聊前端可能的突破方向。

關於雲計算，已經不是一個新鮮的技術，對於很多成長型公司，可能一出生就在雲上，但對於大公司而言，真正把業務全部搬到雲上，也就是去年到今年的事情，而使用原生雲不是遷移伺服器那麼簡單，提到原生雲的應用，不得不提到今年「炙手可熱」的Serverless，今年任何一場互聯網技術大會都不會缺席的話題。為什麼是Serverless？可能大部分原因還是因為前端，因為Serverless比較完美的支援Node.js，使用 Serverless幫助前端開發者解決了使用Node.js過程中的諸多問題，前端開發不再需要過多關注服務端的運維，運維成本大幅降低，它安全、彈性伸縮、按次收費便宜，前端開發者只需要專註於業務的開發，專註於業務邏輯的實現，需要關心的事情變少，能做的事情更多。Serverless也必將對前端的研發模式產生變革，我相信隨著Node.js成為前端開發者必備技能之後，雲計算不斷普及讓Serverless觸手可及，一些前端能搞定的後台任務，站在研發效率的角度，都應決策讓前端開發者全棧搞定，當嘗到效率甜頭之後，相信這裡的變革會越來越大，至於變革有多大，就取決於前端開發者的決心了。

關於5G，每天的新聞都鋪天蓋地，5G進入我們的日常生活也指日可待，而5G到底會給Web前端開發帶來哪些變革？首先，5G頻寬的大幅提升帶來傳統Web頁面複雜度的進一步提升，如同2G到4G變革過程中頁面從WAP的純文本超鏈接時代變革到4G全圖片影片時代，5G對於頁面的變革必將是巨大的，但肯定不會一蹴而就，因為相應的配套設施也需要逐步完善，如硬體性能和瀏覽器的處理速度，而服務端渲染（SSR）肯定是其中一個捷徑，輕前端重後台，5G是橋樑，把渲染放後台，就已經不是同構那麼簡單，需要關注和優化渲染性能，WebAssembly或許會在這個機遇下得到快速發展，因為它可以無縫對接後台多種語言，而後台渲染的優化也會帶來前端頁面研發模式和技術架構的變革；其次，5G帶來的萬物互聯，又將帶來有別於智慧手機和普通PC的多樣化新的應用場景，VR、可穿戴設備、車載系統、智慧投影、智慧交互等等又會把Web帶入各種各樣的垂直領域，例如光VR這一項領域就有非常多需要去探索和完善的地方，這也意味著前端將有更多廣闊的空間。

其他方面，流量即商業，只要小程式的流量還在，小程式仍然是明年的焦點和重點投入對象，當前大家吐槽的性能問題，預計也會得到解決，比如藉助Flutter的思路去優化小程式，相信已經在路上了，同時，小程式的同構也值得期待，它真實的解決了一部分開發者的痛點，另外，小程式的工程化也會有更多工具支撐；跨端開發方面，Flutter仍會快速發展，並且會有更多的開發者，Flutter on JS、SwiftUI for Web&Android也將是開源生態值得期待的事情，畢竟跨端仍沒有一個完美的解決方案。

前端沒有邊界，每個團隊關注的技術焦點不盡相同，前端的未來也無法通過這短短一篇文章講的清楚，前端開發者也無時不刻的拓展著前端的邊界，探索著更多的領域，希望能夠產生更大的價值，這也正是前端的魅力。」

—— Joltwang 騰訊在線教育部技術負責人，專家工程師