可视化大屏的快速展示方法、装置、设备及存储介质制造方法及图纸

技术编号:35174471 阅读:39 留言:0更新日期:2022-10-12 17:40
本申请公开了一种可视化大屏的快速展示方法、装置、设备及存储介质,所述可视化大屏的快速展示方法包括:获取预加载的资源信息;基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息,其中,所述资源处理插件是预开发的资源压缩工具组成的。本申请属于互联网技术领域,通过引入的带有预开发资源压缩工具的资源处理插件,对所述预加载的资源信息进行压缩处理,减少了工业互联网可视化大屏首屏打开时图像的渲染时间和文件的加载时间,从而使得用户打开工业互联网可视化大屏时,不会出现卡顿、等待动画渲染过久且出现错误异常的情况,提高了用户体验。提高了用户体验。提高了用户体验。

【技术实现步骤摘要】
可视化大屏的快速展示方法、装置、设备及存储介质


[0001]本申请涉及互联网
,尤其涉及一种可视化大屏的快速展示方法、装置、设备及存储介质。

技术介绍

[0002]现有的工业互联网可视化大屏因为首屏打开会渲染很多动画,加载很多图片;用户打开页面时,会因为网速或者客户端的性能问题而导致打开页面非常慢,十分卡顿,会让用户体验感非常差,甚至可能导致错误问题,需要重新加载。

技术实现思路

[0003]本申请的主要目的在于提供一种可视化大屏的快速展示方法、装置、设备及存储介质,旨在解决现有技术中可视化大屏首屏打开会导致页面无法加载,用户体验感差的技术问题。
[0004]为实现以上目的,本申请提供一种可视化大屏的快速展示方法,所述可视化大屏的快速展示方法包括:获取预加载的资源信息;基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息,其中,所述资源处理插件是预开发的资源压缩工具组成的。
[0005]可选地,所述资源信息包括图像资源和文件资源,所述基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息的步骤,包括:基于所述资源处理插件,对所述图像资源进行图像压缩,得到压缩后的图像资源;对所述文件资源进行文件压缩打包处理,得到压缩打包后的文件资源;基于所述压缩后的图像资源和所述压缩打包后的文件资源,得到所述压缩后的资源信息。
[0006]可选地,所述对所述图像资源进行图像压缩,得到压缩后的图像资源的步骤,包括:扫描所述图像资源,确定所述图像资源中像素值差值在预设范围内的像素块;将所述像素块进行合并,得到所述压缩后的图像资源。
[0007]可选地,所述文件资源包括交互操作的代码资源,对所述文件资源进行文件压缩打包处理,得到压缩打包后的文件资源的步骤,包括:对所述代码资源进行代码筛查,确定合规代码;对所述合规代码进行代码压缩处理,得到代码压缩后的代码资源;对所述代码压缩后的代码资源进行分片打包处理,得到分片打包后的文件资源。
[0008]可选地,所述对所述代码压缩后的代码资源进行分片打包处理,得到分片打包后的文件资源的步骤,包括:
基于预设的分割粒度,对所述代码压缩后的代码资源进行代码分割,得到预设数量的代码包;将所述预设数量的代码包合并至一个文件,得到所述分片打包后的文件资源。
[0009]可选地,所述代码资源包括第三方依赖和业务代码,所述基于预设的分割粒度,对所述代码压缩后的代码资源进行代码分割,得到预设数量的代码包的步骤,包括:确定所述代码资源中的第三方依赖,并将所述第三方依赖与所述业务代码分离,单独存储于一个文件空间;基于所述分割粒度,对所述第三方依赖进行代码分割,得到预设数量的第三方代码包。
[0010]将所述预设数量的代码包合并至一个文件,得到所述分片打包后的文件资源的步骤,包括:将所述预设数量的第三方代码包合并至一个文件,得到分片打包后的第三方依赖文件,并对所述第三方依赖文件进行缓存,以供所述资源处理文件在加载资源信息时无需重新下载所述第三方依赖文件。
[0011]可选地,所述基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息的步骤,包括:获取用户当前的网速;基于预设的网速划分规则,确定当前网速的网速等级;基于所述资源处理插件,对所述资源信息进行与所述网速等级相应的压缩处理方式,得到所述压缩后的资源信息,并加载所述压缩后的资源信息。
[0012]本申请还提供一种可视化大屏的快速展示装置,所述可视化大屏的快速展示装置包括:获取模块,用于获取预加载的资源信息;压缩模块,用于基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息,其中,所述资源处理插件是预开发的资源压缩工具组成的。
[0013]本申请还提供一种可视化大屏的快速展示设备,所述可视化大屏的快速展示设备包括:存储器、处理器以及存储在存储器上的用于实现所述可视化大屏的快速展示方法的程序,所述存储器用于存储实现可视化大屏的快速展示方法的程序;所述处理器用于执行实现所述可视化大屏的快速展示方法的程序,以实现所述可视化大屏的快速展示方法的步骤。
[0014]本申请还提供一种存储介质,所述存储介质上存储有实现可视化大屏的快速展示方法的程序,所述实现可视化大屏的快速展示方法的程序被处理器执行以实现所述可视化大屏的快速展示方法的步骤。
[0015]本申请提供的一种可视化大屏的快速展示方法、装置、设备及存储介质,与现有技术中可视化大屏首屏打开会导致页面无法加载,用户体验感差相比,在本申请中,获取预加载的资源信息;基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息,其中,所述资源处理插件是预开发的资源压缩工具
组成的。即在本申请中,通过引入的带有预开发资源压缩工具的资源处理插件,对所述预加载的资源信息进行压缩处理,减少了工业互联网可视化大屏首屏打开时图像的渲染时间和文件的加载时间,从而使得用户打开工业互联网可视化大屏时,不会出现卡顿、等待动画渲染过久且出现错误异常的情况。
附图说明
[0016]此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
[0017]图1是本申请实施例方案涉及的硬件运行环境的设备结构示意图;图2为本申请可视化大屏的快速展示方法第一实施例的流程示意图;图3为本申请可视化大屏的快速展示装置的模块示意图;图4为本申请可视化大屏的快速展示方法第二实施例的流程示意图。
[0018]本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
[0019]应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
[0020]如图1所示,图1是本申请实施例方案涉及的硬件运行环境的终端结构示意图。
[0021]本申请实施例终端可以是PC,也可以是智能手机、平板电脑、电子书阅读器、MP3(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、便携计算机等具有显示功能的可移动式终端设备。
[0022]如图1所示,该终端可以包括:处理器1001,例如CPU,网络接口1004,用户接口1003,存储器1005,通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种可视化大屏的快速展示方法,其特征在于,所述可视化大屏的快速展示方法包括:获取预加载的资源信息;基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息,并加载所述压缩后的资源信息,其中,所述资源处理插件是预开发的资源压缩工具组成的。2.如权利要求1所述的可视化大屏的快速展示方法,其特征在于,所述资源信息包括图像资源和文件资源,所述基于预设的资源处理插件,对所述资源信息进行压缩处理,得到压缩后的资源信息的步骤,包括:基于所述资源处理插件,对所述图像资源进行图像压缩,得到压缩后的图像资源;对所述文件资源进行文件压缩打包处理,得到压缩打包后的文件资源;基于所述压缩后的图像资源和所述压缩打包后的文件资源,得到所述压缩后的资源信息。3.如权利要求2所述的可视化大屏的快速展示方法,其特征在于,所述对所述图像资源进行图像压缩,得到压缩后的图像资源的步骤,包括:扫描所述图像资源,确定所述图像资源中像素值差值在预设范围内的像素块;将所述像素块进行合并,得到所述压缩后的图像资源。4.如权利要求2所述的可视化大屏的快速展示方法,其特征在于,所述文件资源包括交互操作的代码资源,对所述文件资源进行文件压缩打包处理,得到压缩打包后的文件资源的步骤,包括:对所述代码资源进行代码筛查,确定合规代码;对所述合规代码进行代码压缩处理,得到代码压缩后的代码资源;对所述代码压缩后的代码资源进行分片打包处理,得到分片打包后的文件资源。5.如权利要求4所述的可视化大屏的快速展示方法,其特征在于,所述对所述代码压缩后的代码资源进行分片打包处理,得到分片打包后的文件资源的步骤,包括:基于预设的分割粒度,对所述代码压缩后的代码资源进行代码分割,得到预设数量的代码包;将所述预设数量的代码包合并至一个文件,得到所述分片打包后的文件资源。6.如权利要求5所述的可视化大屏的快速展示方法,其特征在于,所述代码资源包括第三方依赖和业务代码,所述基于预设的分割粒度,对所述代码压缩后的代码资源进行代码分...

【专利技术属性】
技术研发人员:曾澄田志国沈世通廖宏军陈军冯建设
申请(专利权)人:中信控股有限责任公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1