社区编辑申请
注册/登录
5G时代Web前端的边界拓展思考
网络 4G/5G 前端
5G对IT行业的影响是首当其冲的,那么对于Web前端开发而言,5G时代的到来会有什么影响呢?

作者 | 汪树岩 王嘉榕,单位:中国移动智慧家庭运营中心

​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.不断的更新我们的技术栈、拓宽技术视野,对应用进行技术职责维度的横向拆解。

责任编辑:未丽燕 来源: 移动Labs
相关推荐

2022-06-07 10:09:42

新技术人工智能5G

2022-06-15 10:30:07

数据中心5G蜂窝网络

2022-06-07 11:51:48

5G数据中心

2022-05-27 15:58:42

5G运营商数据

2022-05-27 15:48:51

5G

2022-06-09 09:27:16

前端行业生存

2022-05-06 20:18:36

2022-04-11 14:13:41

5G基站运营商

2022-05-16 11:35:05

Cat.1蜂窝物联网5G RedCap

2022-05-12 08:00:00

5G无人机安全

2022-04-27 09:30:01

Python爬虫人工智能

2022-05-09 13:47:26

自动驾驶5G自动驾驶公交

2022-05-24 10:34:30

青云科技算力存储

2022-06-21 10:04:25

数据中心智慧城市

2022-06-10 09:00:53

前端项目个JSON

2022-06-07 09:15:42

神州数码

2022-03-24 15:26:30

网络切片5G网络

2022-06-20 15:19:51

前端监控方案

2022-05-05 09:27:31

Linux服务器优化

2022-06-16 08:35:10

CSS属性前端

同话题下的热门内容

基于5G感知拐点的场景化互操作策略研究5G创新助力绿色低碳发展

编辑推荐

关于5G的NSA和SA,看完秒懂!5G独立组网和非独立组网的8种方式,有什么不同?你必须知道的5G技术与标准科普5G技术其修远兮 光功耗和成本问题就够它喝一壶5G无线网络信令流程
我收藏的内容
点赞
收藏

51CTO技术栈公众号