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

?Labs 導(dǎo)讀

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

Part 01 5G&Web前端的邊界

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

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

物聯(lián)網(wǎng)在4G時(shí)代已有所發(fā)展，但是受限于網(wǎng)絡(luò)連接速率問題、硬件性能、電池能耗等問題，基本上還是以wifi為接入點(diǎn)。而5G時(shí)代，無論從帶寬還是網(wǎng)速，都是幾何倍數(shù)的往上擴(kuò)大，使得我們身邊的任務(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ā)展進(jìn)程。屆時(shí)伴隨各種車載設(shè)備、可穿戴設(shè)備、語音交互終端、AR / MR 設(shè)備……的出現(xiàn)，我們會見到很多全新的人機(jī)交互方式。此時(shí)，web作為信息內(nèi)容的載體，將會把大量的多媒體內(nèi)容應(yīng)用到前端開發(fā)當(dāng)中。

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

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

1.2 體驗(yàn)和交互的提升

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

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

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

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

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

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

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

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

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

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

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

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

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

Part 02 總結(jié)

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

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

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

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