作者｜ 汪樹岩 王嘉榕，單位：中國移動智慧家庭運營中心

​Labs 導讀

5G時代早已成為了大家“茶餘飯後”的熱點話題，除此之外5G還能帶動自動駕駛、物聯網、車聯網、工業互聯網、人工智能、智能家居、智慧城市等行業，將會飛速發展。5G對IT行業的影響是首當其衝的，那麼對於Web前端開發而言，5G時代的到來會有什麼影響呢？

Part 01 5G&Web前端的邊界

1.1 全面推動前端的開發邊界

歷代網絡升級換代都是具有革命性的改變，2G、3G開啟了移動互聯網時代，4G則使移動互聯網進入高速發展的時期，更大的帶寬和速率，手機全面走向智能化，使移動互聯網涉及到生活的方方面面，並且變得更加強大。秒開，低延時，在線高清視頻已不再是問題。而理解5G的意義，不止是網速變快，萬物互聯才是5G的真正主題。

物聯網在4G時代已有所發展，但是受限於網絡連接速率問題、硬件性能、電池能耗等問題，基本上還是以wifi為接入點。而5G時代，無論從帶寬還是網速，都是幾何倍數的往上擴大，使得我們身邊的任務物品都可以接入網絡。車聯網、物聯網，自動駕駛、神經網絡這些領域對數據帶寬有著非常高的需求，5G技術會成為這些領域的加速劑，讓這一切成為可能，大大加快相關領域的發展進程。屆時伴隨各種車載設備、可穿戴設備、語音交互終端、AR / MR 設備……的出現，我們會見到很多全新的人機交互方式。此時，web作為信息內容的載體，將會把大量的多媒體內容應用到前端開發當中。

互聯網技術與現實關聯

更多場景的拓展基於客戶端的開發，web作為客戶端的重要組成部分，也必然會迎來新的內容，前端開發也將全面進入到這些領域。與傳統的消費互聯網不同，物聯網領域的前端設計和開發與具體的應用場景的結合將更為密切，我們可能不僅僅在pc和手機上進行開發，在車載，語音控制，全息影像中都可見到前端的身影，這些都是可見的未來發展的方向。同時對於穩定性的要求也更高，對web前端開發人員來說，這是不小的挑戰。在技術方面，參考4G時代，vue和react等框架的產生，同樣在5G環境下，開發編碼技術也有了革命性的變化，向更為廣闊的邊界擴展---例如低代碼平台，前端Serverless化，以及webIDE等。

1.2 體驗和交互的提升

技術服務於產品，產品面向用戶。

個人認為5G時代，web前端對用戶體驗的要求將會更好，以往很多受制於網絡速度帶寬的瓶頸將會被突破，例如4G環境下，我們一般的門戶網站或者app的web應用，首屏加載速度在1.5s左右，只有部分極為優秀的可以少於0.5s，因此為了能夠降低首屏渲染速度，我們需要考慮開發成本的前提下，作出許多的技術優化工作來提升速度和用戶體驗。而在5G環境和高性能硬件的加持下，這些將不再成為問題，會有更多的容量、空間和時間應用於更好的體驗方式上，想像一下，一個一般的App的web頁面在十幾甚至幾十M的網速下，能夠毫秒級別的打開，用戶體驗獲得量級提升，也將釋放前端在技術上更多的限制，調用更多的系統api，賦予更多的可能，比如基於Web的AR應用，可以考慮web AR這些虛擬現實產品中更為絢麗的界面、圖像採集、特徵點提取、圖像匹配、動畫渲染。目前Web AR還處於技術的萌芽狀態，網絡支撐，瀏覽器（或硬件）計算能力，設備能耗、生態環境等都還不具備一定的條件，相信在很快的未來，這些都不會成為問題。

1.3 開發對於平台的依賴將越來越明顯

大數據平台、雲計算平台、物聯網平台、人工智能平台和安全平台等一系列平台陸續在行業市場上出現，5G時代也被稱為“物聯網時代”和“平台時代”，平台具有資源整合能力，企業可以通過平台大幅降低5G的技術門檻，從而打造自己的生態，這是科技企業保持快速發展的重要基礎。對於前端開發人員來說，針對不同的場景，會採用不同的平台，面臨不同的技術環境與技術要求。開發人員不僅僅處於PC或移動端的技術中台開發環境，而是面向更廣泛的平台開發，因此需要對各個平台的基礎知識及其業務有充沛的了解，對個人的綜合技能有了更高的要求。

1.4 研發效能的大幅提升

上文提到的5G將前端的開發邊界拓寬、多平台下開發，那麼跨平台跨端的開發方案也將會應運而生：

1.一套代碼多端復用、更高效的發布流程、平台一致性。

2.頁面可視化搭建，將產品的開發列為：low code，no code，auto code，智能化一鍵生成代碼，前端web開發的升級也將更具備挑戰性，同時也會給前端帶來巨大的收益。

頁面可視化搭建產品開發分類

比如淘寶的imgcook，目標就是從（設計稿、原型稿、PRD、APIHub、CodeHub 等資源）通過智能化的手段直接生成代碼。

imgcook的產品運行流程圖示

3.智能化行業提效，實現產品生產過程智能化、可視化、標準化管理協作、跨領域上下集成整合，達到高效生產，提效降本。例如金融行業，智能銀行網點，操作類櫃檯人員佔比下降15%；其轉型後的複合型人才提升至90%；新增超級櫃檯機、自助購匯機、虛擬櫃員機之後，減網點面積、減櫃員，進一步減少成本。

在以上前提下，code人員會相對減少，促生業務邏輯的配置工作內容的崗位將會誕生，即計算機能做的事交給計算機去做，將人員解放到產品配置設計、產品體驗提升等方面上，以此將會帶來產品更高質量的提升和業務增強。

Part 02 總結

5G時代將會給web頁面的複雜度、體驗、場景進一步提升，就如2G到4G，從文本到全圖片視頻時代一樣，5G對於頁面的變革將是巨大的，但不會一蹴而就。5G的技術生態環境仍然處於萌芽階段---- 配套設施需要逐步完善，硬件性能，瀏覽器處理速度還需要一次飛躍性的提升的變革。萬物互聯時代，web將迎來有別於智能手機和PC的更多樣化的場景， 將會進入更多的垂直領域，那麼我們能做什麼？

1.交互體驗，用戶體驗將是產品發展的主題，應該從現在開始思考如何在業務中讓產品的用戶體驗更好。

2.重視和探索3D、多端泛屏的業務場景，瀏覽器在未來可能會發展到意想不到的強大，甚至可以實現3D投影可視化。

3.不斷的更新我們的技術棧、拓寬技術視野，對應用進行技術職責維度的橫向拆解。