异步渲染方法、系统及介质技术方案

本发明专利技术提供了一种异步渲染方法、系统及介质，包括：步骤1：对视图信息发生变化的待同步视窗进行提取；步骤2：读取待同步视窗的视图信息，并转化成双精度型数组Double；步骤3：将Double数组发送至渲染端，重建为单精度浮点型数组Float后进行渲染。本发明专利技术通过对数据进行序列化处理成Float数组后，极大减少了同步的信息量，从而解决了渲染的性能问题。从而解决了渲染的性能问题。从而解决了渲染的性能问题。

【技术实现步骤摘要】
异步渲染方法、系统及介质


[0001]本专利技术涉及异步渲染
，具体地，涉及一种异步渲染方法、系统及介质。

技术介绍

[0002]在异步渲染过程中，进行布局信息同步时，由于信息类型多样，一般会采取JSON组装再将JSON转成string进行传输。
[0003]专利文献CN107025096B(申请号：CN201610063789.4)公开了一种异步渲染模块的同步方法及系统，该方法包括：监控模块监听当前界面中的第一视图的事件；在接收到第一视图发送的携带第一数据的事件时，调整自身的状态参数，并将第一数据保存到自身的数据变量中；判断此时调整后的状态参数是否为预设最大值、及数据变量中是否保存有数据；若此时调整后的状态参数为预设最大值、且数据变量中保存有数据，则将数据变量中保存的第一数据发送至当前界面中的第二视图，以使第二视图根据第一数据渲染其子视图，并在第二视图对其子视图渲染完成之后，将状态参数重置为初始值。然而这种方案，需要同步的数据量较大，解析起来也不够快速，影响渲染性能。
[0004]进行异步渲染时，将界面布局信息同步给渲染本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种异步渲染方法，其特征在于，包括：步骤1：对视图信息发生变化的待同步视窗进行提取；步骤2：读取待同步视窗的视图信息，并转化成双精度型数组Double；步骤3：将Double数组发送至渲染端，重建为单精度浮点型数组Float后进行渲染。2.根据权利要求1所述的异步渲染方法，其特征在于，使用Double数组的方式，将JavaScript用户界面视图变化的信息串行化后从UI线程传递到渲染线程，视图信息在JavaScript编程语言中包括如下数据类型：Integer：整数，用于记录视图的ID、位置信息XY坐标、宽度和高度；Float：浮点数，用于记录包括视图缩放比例的带小数点的信息；Boolean：布尔型，用于记录视图中功能的启动和关闭；回调函数：对象型，用于记录视图渲染完成后的回传信息；String：字符串型，用于记录视图中展示的文字信息。3.根据权利要求2所述的异步渲染方法，其特征在于，将Double数据类型转化成Float数据类型，包括：Integer：将所有整数限制为24bit以内的整数，进行类型强转为Float后封装为数组，若数据长度不足24bit，则通过按位与的方式放入数组的单个数据中，剩余bit留给其他整数型数据或者boolean型数据；Float：直接使用；Boolean：将true/false转化成1/0，作为1bit整数型合并仅数组的单个数据中；回调函数：将回调函数记录在管理映射表中，映射表对应ID作为整数型放入同步数据数组中，在同步结束渲染线程完成任务进行回调时再将ID传回以触发对应的函数回调；String：采用JSON格式的字符串进行描述。4.根据权利要求1所述的异步渲染方法，其特征在于，在进行视图3D变形的同步数据中，创建辅助字符串信息组，结构为：{Key1：字符串Value1Key2：字符串Value2
…
}其中，Key为整数型，放入同步信息的Float数组中；Value为JSON字符串信息，最后将该字符串信息组JSON化为一个String，和Float数组一起传输到渲染线程中。5.根据权利要求1所述的异步渲染方法，其特征在于，对浏览器进行渲染，加载浏览器页面整体结构，包括级联样式表、页面结构、隐藏标签的值和页面参数，解析页面实例文件，针对每个布局设置一个主进程锁，在每个布局渲染完成之后释放对应的主进...

【专利技术属性】
技术研发人员：卢东林，周云龙，
申请(专利权)人：上海视九信息科技有限公司，
类型：发明
国别省市：