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

?Labs 導(dǎo)讀

5G時代早已成為了大家“茶余飯后”的熱點話題，除此之外5G還能帶動自動駕駛、物聯(lián)網(wǎng)、車聯(lián)網(wǎng)、工業(yè)互聯(lián)網(wǎng)、人工智能、智能家居、智慧城市等行業(yè)，將會飛速發(fā)展。5G對IT行業(yè)的影響是首當其沖的，那么對于Web前端開發(fā)而言，5G時代的到來會有什么影響呢？

Part 01 5G&Web前端的邊界

1.1 全面推動前端的開發(fā)邊界

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

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

互聯(lián)網(wǎng)技術(shù)與現(xiàn)實關(guān)聯(lián)

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

1.2 體驗和交互的提升

技術(shù)服務(wù)于產(chǎn)品，產(chǎn)品面向用戶。

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

1.3 開發(fā)對于平臺的依賴將越來越明顯

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

1.4 研發(fā)效能的大幅提升

上文提到的5G將前端的開發(fā)邊界拓寬、多平臺下開發(fā)，那么跨平臺跨端的開發(fā)方案也將會應(yīng)運而生：

1.一套代碼多端復(fù)用、更高效的發(fā)布流程、平臺一致性。

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

頁面可視化搭建產(chǎn)品開發(fā)分類

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

imgcook的產(chǎn)品運行流程圖示

3.智能化行業(yè)提效，實現(xiàn)產(chǎn)品生產(chǎn)過程智能化、可視化、標準化管理協(xié)作、跨領(lǐng)域上下集成整合，達到高效生產(chǎn)，提效降本。例如金融行業(yè)，智能銀行網(wǎng)點，操作類柜臺人員占比下降 15%；其轉(zhuǎn)型后的復(fù)合型人才提升至 90%；新增超級柜臺機、自助購匯機、虛擬柜員機之后，減網(wǎng)點面積、減柜員，進一步減少成本。

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

Part 02 總結(jié)

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

1.交互體驗，用戶體驗將是產(chǎn)品發(fā)展的主題，應(yīng)該從現(xiàn)在開始思考如何在業(yè)務(wù)中讓產(chǎn)品的用戶體驗更好。

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

3.不斷的更新我們的技術(shù)棧、拓寬技術(shù)視野，對應(yīng)用進行技術(shù)職責(zé)維度的橫向拆解。