一种声明式组件的加载响应优化方法与流程

本发明涉及加载响应，尤其涉及一种声明式组件的加载响应优化方法。

背景技术：

1、基于数据可视化的声明式组件交互技术是指在数据可视化领域中，使用声明式的方式来实现组件之间的交互。这种技术的目标是提供一种简化、高效的方法，让开发人员能够以声明式的方式描述组件之间的交互逻辑。相比在传统的交互方式中，开发人员需要编写大量的代码来处理组件之间的事件、状态变化和用户交互。而基于声明式组件交互技术，开发人员无需显式地编写详细的交互逻辑。这种技术通常建立在现有的声明式数据可视化框架或库之上，如d3.js、react、vue等。它可以通过使用属性绑定、事件订阅、响应式机制等方式来实现组件之间的交互。通过使用基于数据可视化的声明式组件交互技术，开发人员可以更轻松地构建交互性强、可扩展的数据可视化应用。 但是在该过程中，由于涉及到的数据类型的多样性，会导致对系统的内容负载要求越来越高，导致加载速度相应变慢，降低可视化效率。

2、因此，本发明提出一种声明式组件的加载响应优化方法。

技术实现思路

1、本发明提供一种声明式组件的加载响应优化方法，用以解决数据可视化加载响应慢的缺陷。

2、一方面，本发明提供一种声明式组件的加载响应优化方法，包括：

3、步骤1：基于全部待加载声明式组件的数据加载类型，得到每个待加载声明式组件的相对应的数据类型列表，其中，所述待加载声明式组件是基于声明式数据可视化框架以及预设交互机制构建得到的；

4、步骤2：基于所述数据类型列表中的每种数据类型以及可视化类型，对每种数据类型的数据进行拆分压缩，得到相对应的待展示数据；

5、步骤3：基于每个待加载声明式组件的全部待展示数据以及预设响应时间，对需要进行分段加载的待展示数据设置分段加载序列；

6、步骤4：基于所述分段加载序列，完成待加载声明式组件的加载响应；

7、步骤5：基于加载响应过程，得到相对应的代码响应评级，实现全部待加载声明式组件的优化。

8、根据本发明提供的一种声明式组件的加载响应优化方法，基于全部待加载声明式组件的数据加载类型，得到每个待加载声明式组件的相对应的数据类型列表，包括：

9、基于每个待加载声明式组件的历史加载日志，得到相对应的数据加载类型；

10、基于所述数据加载类型，得到相对应的数据类型关键字；

11、基于所述数据类型关键字以及数据类型-关键字对照表，得到相对应的数据类型；

12、基于每个待加载声明式组件的全部数据类型，构建数据类型列表。

13、根据本发明提供的一种声明式组件的加载响应优化方法，基于所述数据类型列表中的每种数据类型以及可视化类型，对每种数据类型的数据进行拆分压缩，得到相对应的待展示数据，包括：

14、基于每种数据类型以及数据类型-关键字对照表，得到相对应的类型关键字；

15、基于每种数据类型相对应的可视化类型，得到相对应的可视化关键词；

16、获取每种数据类型的类型关键字与全部可视化关键词相同的类型关键词，得到第一关键词；

17、基于每个第一关键词以及相同数据类型的标准关键数据，构建第一关键数据表；

18、基于所述第一关键数据表中的每个标准关键数据，提取相对应的功能数据；

19、基于小单元代码表，对每种功能数据进行替代，得到相对应的第一功能代码以及第一功能代码解码表；

20、获取每种数据类型的标准数据中除所述第一关键数据表中的标准关键数据外的数据，得到相对应的第二数据；

21、基于第二数据中的每段代码的重复次数，得到相对段代码的第一概率；

22、基于小单元代码表对大于或等于预设概率的第一概率相对应的代码进行替换，得到第二代码以及第二代码解码表；

23、对小于预设概率的第一概率相对应的代码进行拆解，提取得到功能代码；

24、按照小单元代码表对功能代码进行替换，得到相对应的第二功能代码以及第二功能代码解码表；

25、基于标准数据中的全部替换过后以及保留的代码，得到相对应的压缩数据；

26、基于所述第一功能代码解码表、所述第二代码解码表以及所述第二功能代码解码表，构建解码表；

27、基于所述压缩数据以及解码表，得到相对应的待展示数据。

28、根据本发明提供的一种声明式组件的加载响应优化方法，基于标准数据中的全部替换过后以及保留的代码，得到相对应的压缩数据之后，还包括：

29、将标准数据以及压缩数据输入至哈希校验模型，得到相对应的标准哈希校验码以及第一哈希校验码；

30、若所述第一哈希校验码与标准哈希校验码的差值不在预设合理差值之内，则对标准数据重新进行压缩。

31、根据本发明提供的一种声明式组件的加载响应优化方法，基于每个待加载声明式组件的全部待展示数据以及预设响应时间，对需要进行分段加载的待展示数据设置分段加载序列，包括：

32、基于每个待加载声明式组件的每个待展示数据以及数据吞吐量，得到相对应的第一响应时间；

33、将全部第一响应时间按照相对应的待展示数据在待加载声明式组件中的待加载顺序，构建第一响应时间序列并标记序号；

34、计算所述第一响应时间序列中的连续的随机个数的第一响应时间的和，得到第二响应时间；

35、选取小于或等于所述预设响应时间、且加一个第一响应时间的时间大于所述预设响应时间的第二响应时间；

36、基于选取的每个第二响应时间相对应的序号，得到相对应的序号组合；

37、基于全部序号组合，得到每个序号都包含且不重复的序号集合；

38、按照序号集合中的每个序号组合，得到相对应的待加载数据组合；

39、基于全部待加载数据组合按照顺序，构建分段加载序列。

40、根据本发明提供的一种声明式组件的加载响应优化方法，基于所述分段加载序列，完成待加载声明式组件的加载响应，包括：

41、基于所述分段加载序列，获取每个待加载数据组合的第二响应时间；

42、当上一个待加载数据组合加载至第二响应时间的中点时，进行下一个待加载数据组合的数据预读取。

43、根据本发明提供的一种声明式组件的加载响应优化方法，基于加载响应过程，得到相对应的代码响应评级，包括：

44、获取分段加载序列的每个待加载数据组合的加载响应过程，得到相对应的每个待加载数据加载的响应参数；

45、基于每个待加载数据的响应参数，计算得到响应指数；

46、基于所述响应指数以及响应指数-评级对照表，得到相对应的代码响应评级。

47、根据本发明提供的一种声明式组件的加载响应优化方法，基于每个待加载数据的响应参数，计算得到响应指数，包括：

48、；

49、其中，r表示待加载声明式组件的加载响应过程的响应指数；n表示待加载声明式组件的全部待加载数据的数量；表示待加载声明式组件的第i个待加载数据的响应时间；表示待加载声明式组件的第i个待加载数据的标准响应时间；表示待加载声明式组件的第i个待加载数据的数据量；表示待加载声明式组件的第i个待加载数据的响应权重；表示待加载声明式组件的第i个待加载数据的响应调节系数，当时，取值为1，当时，取值为，且max表示最大值符号。

50、根据本发明提供的一种声明式组件的加载响应优化方法，得到相对应的代码响应评级之后，还包括：

51、基于大于预设评级的代码响应评级相对应的待加载数据，获取相对应的压缩数据以及解码表，构建压缩模板表；

52、基于所述压缩模板表的解码表中相同功能数据出现的概率作为第二概率；

53、基于全部压缩模板表相对应的第二概率大于预设概率的相对应的功能数据，构建标准功能替代表；

54、基于每个压缩模板表相对应的数据类型，设置相对应的图形化标签；

55、基于所述标准功能替代表、每个图形化标签以及相对应的压缩模板表，对相应待加载声明式组件进行优化。

56、本发明提供的一种声明式组件的加载响应优化方法，通过分析全部待加载声明式组件的数据加载类型，得到每个待加载声明式组件的相对应的数据类型列表，并分析数据类型列表的每种数据类型以及可视化类型，对每种数据类型的数据进行拆分压缩，得到相对应的待展示数据，与预设响应时间进行综合分析，对需要进行分段加载的待展示数据设置分段加载序列，完成待加载声明式组件的加载响应，还通过分析基于加载响应过程，得到相对应的代码响应评级，进行组件优化，解决了数据可视化加载响应速度慢、效率低的问题，取到了实现数据可视化的快速加载响应、有效提高加载响应效率的有益效果。