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