数据显示方法、浏览器及存储介质与流程

1.本技术实施例涉及信息技术领域，尤其涉及一种数据显示方法、浏览器及存储介质。


背景技术：

2.相关技术中，浏览器直接将获取的数据进行同步显示，同时在变更数据的情况下，需要内部的相关组件对数据进行更新处理；这样，会使得浏览器内部的内存和计算资源存在过度消耗的现象。


技术实现要素：

3.本技术实施例提供一种数据显示技术方案。
4.本技术实施例的技术方案是这样实现的：
5.本技术实施例提供一种数据显示方法，应用于浏览器，所述浏览器包括：数据管理组件和数据显示组件，所述方法包括：
6.采用所述数据管理组件，确定在所述数据显示组件上显示的第一数据；
7.响应于接收到的初始数据，采用所述数据管理组件对所述第一数据进行调整，得到第二数据；
8.采用所述数据显示组件显示所述第二数据。
9.在一些实施例中，所述采用所述数据管理组件，确定在所述数据显示组件显示的第一数据，包括：采用所述数据管理组件，获取采集的历史数据；采用所述数据管理组件对所述历史数据进行预处理，得到与所述历史数据的数据结构相同的所述第一数据，并将所述第一数据存储至所述数据管理组件管理的预设存储空间；其中，所述预设存储空间与所述浏览器中的任一组件之间相互独立。如此，不仅能够降低浏览器内部内存的占用率，同时能够提高第一数据的显示精准度和显示效率。
10.在一些实施例中，所述采用所述数据管理组件对所述历史数据进行预处理，得到与所述历史数据的数据结构相同的所述第一数据，包括以下至少之一：采用所述数据管理组件对所述历史数据进行分类，得到分类结果，并将所述分类结果确定为所述第一数据；采用所述数据管理组件对所述历史数据进行数据筛选，得到所述第一数据；采用所述数据管理组件对所述分类结果进行筛选，得到目标分类结果，并将所述目标分类结果确定为所述第一数据。如此，能够使得预处理的方式更加丰富，进而能够丰富后续显示数据的多样性。
11.在一些实施例中，所述响应于接收到的初始数据，采用所述数据管理组件对所述第一数据进行调整，得到第二数据，包括：响应于所述数据管理组件的数据接收接口接收到的所述初始数据，采用所述数据接收接口传输所述初始数据至所述数据管理组件管理的预设存储空间；采用所述数据管理组件，基于所述初始数据对所述第一数据进行更新，得到第二数据。如此，能够实现基于数据管理组件直接对获取到的数据进行处理，进而能够降低浏览器内部相关组件整体对该数据进行处理的需求，即能够提高浏览器处理数据的效率以及
降低浏览器内部处理数据所占用的计算资源。
12.在一些实施例中，在所述第一数据包括第一子数据集的情况下，所述采用所述数据管理组件，基于所述初始数据对所述第一数据进行同步更新，得到第二数据，包括：采用所述数据管理组件，在所述第一子数据集中确定所述初始数据关联的待更新子数据；基于所述初始数据对所述待更新子数据进行更新，得到已更新子数据；将包括所述已更新子数据的第一子数据集，确定为所述第二数据。如此，能够实现对第一数据内部的部分数据更新，进而能够提高数据同步更新的准确度。
13.在一些实施例中，所述采用所述数据显示组件显示所述第二数据之前，所述方法还包括：响应于接收到的同步更新指令，采用所述数据管理组件的数据传输接口发送所述第二数据至所述组件显示组件；所述采用所述数据显示组件显示所述第二数据，包括：采用所述数据显示组件接收并显示所述第二数据。如此，能够实现浏览器内部多个子组件之间的信息传输，进而能够提高浏览器内部运算效率。
14.在一些实施例中，所述采用所述数据显示组件接收并显示所述第二数据，包括：响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件将所述第一数据替换为所述第二数据；采用所述数据显示组件滚动显示具有预设显示效果的所述第二数据。如此，能够高效且便捷地实现数据同步更新和显示，进而能够提高浏览器整体处理数据和显示数据的效率。
15.在一些实施例中，所述响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件将所述第一数据替换为所述第二数据，包括：响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件，获取第一数据卡片集；其中，所述第一数据卡片集中每一第一数据卡片上对应显示所述第一子数据集中的每一第一子数据；将所述每一第一数据卡片显示的第一子数据，替换为所述第二子数据集中每一第二子数据，以生成第二数据卡片集；所述采用所述数据显示组件滚动显示具有预设显示效果的所述第二数据，包括：在所述数据显示组件上，采用所述第二数据卡片集形成滚动条，并滚动显示具有所述预设显示效果的所述每一第二子数据。如此，基于分块显示以及滚动显示，能够在数据显示组件上显示具有预设显示效果的多个数据，进而能够提高浏览器整体显示数据的性能。
16.本技术实施例提供一种浏览器，所述浏览器包括：数据管理组件和数据显示组件，其中：
17.所述数据管理组件，用于确定在所述数据显示组件上显示的第一数据；
18.所述数据管理组件，还用于响应于接收到的初始数据对所述第一数据进行调整，得到第二数据；
19.所述数据显示组件，用于显示所述第二数据。
20.本技术实施例提供一种计算机存储介质，所述计算机存储介质上存储有计算机可执行指令，所述计算机可执行指令被执行后，能够实现上述的数据显示方法。
21.本技术实施例提供一种数据显示方法、浏览器及存储介质，其中，所述数据显示方法应用于浏览器，所述浏览器包括：数据管理组件和数据显示组件；首先，采用所述数据管理组件，确定在所述数据显示组件上显示的第一数据；如此，能够实现对需显示的数据进行统一管理；然后，响应于接收到的初始数据，采用所述数据管理组件对所述第一数据进行调整，得到第二数据，以及采用所述数据显示组件显示所述第二数据。如此，能够降低浏览器
内部处理数据和显示数据时所使用的计算资源，进而能够提高浏览器内部处理数据的速度，以及提高显示数据的效率和准确度。
附图说明
22.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图，其中：
23.图1为本技术实施例提供的第一种数据显示方法的流程示意图；
24.图2为本技术实施例提供的第二种数据显示方法的流程示意图；
25.图3为本技术实施例提供的第三种数据显示方法的流程示意图；
26.图4为应用本技术实施例提供的数据显示方法所对应的数据显示页面的示意图；
27.图5为应用本技术实施例提供的数据显示方法同步显示数据的流程示意图；
28.图6为本技术实施例提供的浏览器的结构组成示意图。
具体实施方式
29.为使本技术实施例的目的、技术方案和优点更加清楚，下面将结合本技术实施例中的附图，对发明的具体技术方案做进一步详细描述。以下实施例用于说明本技术实施例，但不用来限制本技术实施例的范围。
30.在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
31.在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本技术实施例能够以除了在这里图示或描述的以外的顺序实施。
32.除非另有定义，本文所使用的所有的技术和科学术语与属于本技术实施例的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本技术实施例的目的，不是旨在限制本技术实施例。
33.对本技术实施例进行进一步详细说明之前，对本技术实施例中涉及的名词和术语进行说明，本技术实施例中涉及的名词和术语适用于如下的解释。
34.1)浏览器：也称网页浏览器，是用来检索、展示和传递全球广域网(world wide web，web)信息资源的应用程序。web信息资源由统一资源标识符(uniform resource identifier，uri)所标记，它是一张网页、一张图片、一段视频或者任何在web上所呈现的内容。使用者可以借助超级链接(hyperlinks)，通过浏览器浏览互相关联的信息。
35.2)组件：是指对数据和方法的简单封装；该组件即为对象。其中，组件可以有自身的属性和方法；属性是组件数据的简单访问者，方法则是组件的一些简单而可见的功能。
36.3)vue.js：是一个构建数据驱动的web界面的渐进式框架。
37.下面说明本技术实施例提供的数据显示方法的示例性应用，本技术实施例提供的
浏览器可以应用在具有数据处理功能的笔记本电脑，平板电脑，台式计算机，相机，移动设备(例如，个人数字助理，专用消息设备，便携式游戏设备)等各种类型的用户终端，也可以实施为服务器。
38.该方法可以应用于计算机设备，该方法所实现的功能可以通过计算机设备中的处理器调用程序代码来实现，当然程序代码可以保存在计算机存储介质中，可见，该计算机设备至少包括处理器和存储介质。
39.本技术实施例提供一种数据显示方法，应用于浏览器，所述浏览器包括：数据管理组件和数据显示组件，如图1所示，为本技术实施例提供的第一种数据显示方法的流程示意图；结合图1所示步骤进行说明：
40.步骤s101，采用所述数据管理组件，确定在所述数据显示组件上显示的第一数据。
41.在一些实施例中，浏览器可以用于显示进出某一小区的人流数据的网页，还可以用于显示某一停车场进出的机动车辆数据的网页。
42.在一些实施例中，浏览器可以包括多个处理组件，比如：数据管理组件和数据显示组件，其中，数据管理组件可以是对需在浏览器进行显示的数据进行管理操作的组件，该管理操作包括但不限于：数据过滤、数据分类、数据组合等；同时该数据显示组件可以是数据显示页面加载得到的，用于显示相关数据，其中，数据显示组件可以包括多个数据显示子组件。
43.在一些实施例中，在浏览器的数据显示组件上进行显示的数据，以及浏览器的数据管理组件中管理的数据可以是图片、文字、视频等任意形式的数据；其中，在数据显示组件上可以以任意数据形式进行显示，还可以是以上多种形式的任意组合。
44.在一些实施例中，浏览器可以用于显示在某一时间段内进入或离开某一区域的人员的数量，还可以用于显示进入或离开该区域内的人员的识别结果。
45.在一些实施例中，浏览器包括但不限于数据管理组件、数据显示组件等；首先，浏览器中的数据管理组件，获取能够与浏览器进行信息交互的数据采集组件发送的采集数据，然后，数据管理组件对获取的采集数据进行处理，得到用于在数据显示组件进行显示的相关数据；其中，该对采集数据进行处理包括但不限于对数据进行筛选、数据量的变更、数据的状态调整等。
46.在一些实施例中，浏览器中的数据显示组件可以对数据进行滚动显示；其中，滚动显示包括但不限于在数据显示页面加载的数据显示组件中实现数据的左右滚动显示、上下滚动显示等。
47.在一些实施例中，可以采用数据管理组件，获取能够与浏览器进行信息交互的数据采集组件采集的历史数据，并对该历史数据进行处理，得到在数据显示组件上进行显示的第一数据；其中，可以是直接将获取的历史数据确定为第一数据；也可以是对历史数据进行过滤，得到第一数据；也可以是对历史数据基于预设策略进行分类，得到与历史数据的数据结构相同的的第一数据。
48.在一些实施例中，第一数据可以是图片、文字、视频等，同时可以是以滚动形式在数据显示组件上显示该第一数据。
49.步骤s102，响应于接收到的初始数据，采用所述数据管理组件对所述第一数据进行调整，得到第二数据。
50.在一些实施例中，在浏览器中的数据管理组件接收到初始数据的情况下，可直接采用数据管理组件对已经处理得到的第一数据进行调整，比如：更新或分类，得到第二数据。
51.在一些实施例中，在浏览中的数据管理组件接收到初始数据的情况下，可以先采用数据管理组件对初始数据进行预处理，得到中间数据；然后基于该中间数据对在数据管理组件管理的预设存储空间存储的，且在数据显示组件上显示的第一数据进行更新，得到第二数据。
52.在一些实施例中，数据管理组件接收到的初始数据，可以是能够与浏览器，进行实时信息交互的数据采集组件，实时采集的数据(当前时刻采集的数据)。
53.在一些实施例中，第二数据可以与第一数据内容不同，数据结构相同；第二数据也可与第一数据内容相同，数据结构不同。
54.在一些实施例中，同时第二数据也可以包括第一数据和初始数据，第二数据也可以是初始数据，基于第一数据的状态或数据量进行变更后得到的数据。
55.在一些实施例中，可以是基于数据管理组件的数据接收接口，接收从数据采集组件发送的初始数据，即在与浏览器进行信息交互的数据采集组件采集到新的数据(初始数据)的情况下，将采集的初始数据基于数据管理组件的数据接收接口传输至数据管理组件管理的预设存储空间；进而采用数据管理组件，基于初始数据，对已经进行处理之后得到的第一数据进行调整，进而得到第二数据。其中，将初始数据传输至数据管理组件管理的预设存储空间之后，也可对该初始数据进行预处理，得到处理之后的数据，并基于处理之后的数据对第一数据进行调整，得到第二数据。
56.步骤s103，采用所述数据显示组件显示所述第二数据。
57.在一些实施例中，可以是采用浏览器所对应的数据显示页面加载的至少一个数据显示组件显示第二数据；其中，可以是以预设的显示方式显示第二数据，比如：滚动显示、周期性地渐变显示等。同时滚动显示的方式包括但不限于：左右滚动显示、上下滚动显示、左右滚动以及上下滚动混合显示。
58.在一些实施例中，可以是在数据显示组件显示第一数据的基础上，采用第二数据对第一数据进行覆盖，进而以实现在数据显示组件上显示第二数据；其中，在第二数据包括多个子数据组合的情况下，不同子数据的显示方式可以相同，也可以不同。示例性地，在数据显示组件包括多个显示子组件，且第二数据包括多个子数据的情况下，可以将显示子组件与子数据对应，即一个显示子组件显示一个子数据，同时可以以滚动形式依次在数据显示组件上采用多个子组件将多个子数据进行显示。
59.在一些实施例中，在数据显示组件的数量为两个及以上的情况下，可以采用两个及以上的数据显示组件以不同的显示方式分别显示该第二数据。且在数据显示组件上显示第一数据时，同样也可以上文的显示方式对其进行显示。
60.在一些实施例中，在浏览器中，通过设置一数据管理组件，实现对在数据显示页面即数据显示组件上显示的数据的管理；如此，能够实现对需显示的数据进行统一管理，进而能够提高需显示数据的显示效率和准确度。示例性地，可以通过对输入至浏览器的所有数据进行过滤或筛选，仅管理并保存需要进行显示的数据；如此，能够降低浏览器内部内存的占用率。同时在接收到初始数据的情况下，基于数据管理组件同步更新已经在数据显示组
件上显示的数据，进而得到更新后的需在数据显示组件上显示的数据，并在数据显示组件上进行显示。这样，使得浏览器能够基于内部多个组件，比如：数据管理组件以及显示组件之间的信息交互，实现降低浏览器内部计算资源的使用。进而能够提高浏览器内部处理数据的速度，以及提高数据显示的性能和精准度。
61.本技术实施例提供的数据显示方法，应用于浏览器，所述浏览器包括：数据管理组件和数据显示组件；首先，采用所述数据管理组件，确定在所述数据显示组件上显示的第一数据；如此，能够实现对需显示的数据进行统一管理；然后，响应于接收到的初始数据，采用所述数据管理组件对所述第一数据进行调整，得到第二数据，以及采用所述数据显示组件显示所述第二数据。如此，能够降低浏览器内部处理数据和显示数据时所使用的计算资源，进而能够提高浏览器内部处理数据的速度，以及提高显示数据的效率和准确度。
62.在一些实施例中，采用数据管理组件实现对浏览器接收的数据的管理，即采用数据管理组件获取与浏览器进行信息交互的数据采集组件发送的历史数据，并对该历史数据进行预处理，得到与历史数据的数据结构相同的，且需要在数据显示组件上显示的第一数据；如此，通过预设的数据管理组件管理后续需要进行显示的数据，不仅能够降低浏览器内部内存的占用率，同时能够提高显示第一数据的精准度和效率。即上述实施例提供的步骤s101可以通过以下步骤s201和步骤s202来实现。如图2所示，为本技术实施例提供的第二种数据显示方法的流程示意图，结合图1和图2所示的步骤进行以下说明：
63.步骤s201，采用所述数据管理组件，获取采集的历史数据。
64.在一些实施例中，数据管理组件可以从数据采集组件获取其采集的历史数据，该数据采集组件可以是能够与浏览器进行实时信息交互的组件，该历史数据，可以是数据采集组件在某一时间段内对某一区域进出的车辆进行实时采集，得到相关数据。
65.在一些实施例中，历史数据可以是数据采集组件针对某一区域在某一时间段内出现的人员进行记录产生的数据，同时该数据包括但不限于：人员数量、人员性别、年龄段、职业等；即在某一时间段出现在某一区域的人员数量或每一人员的标记信息。也可以是数据采集组件针对某一设备在某一时间段内输出的图像数量进行记录得到的数据，同时该数据包括但不限于图像的数量、图像的场景信息、图像内部包括的对象的类型等。
66.步骤s202，采用所述数据管理组件对所述历史数据进行预处理，得到与所述历史数据的数据结构相同的所述第一数据，并将所述第一数据存储至所述数据管理组件管理的预设存储空间。
67.在一些实施例中，所述预设存储空间与所述浏览器中的任一组件之间相互独立。
68.在一些实施例中，对历史数据进行预处理，可以包括对历史数据进行分类，得到多种分类结果，将该多种分类结果作为第一数据在数据显示组件上进行显示；也可以包括对历史数据进行数据过滤，得到第一数据，还可以包括对历史数据进行分类之后，得到多个分结果，进而对该分类结果进行过滤，得到第一数据。
69.在一些实施例中，历史数据和第一数据的数据结构相同，即采用数据管理组件对历史数据进行预处理的过程中，需保持历史数据的数据结构不变；如此，能够使得确定的第一数据与实时采集的数据相对应，进而以使后续在数据显示组件上显示的第一数据与实际采集情况匹配。
70.其中，第一数据为需要数据显示组件上进行显示的数据，而历史数据不一定是需
要在数据显示组件上进行显示的数据。
71.在一些实施例中，在对历史数据进行预处理得到第一数据之后，可以将该第一数据存储至数据管理组件管理的预设存储空间；其中，该预设存储空间可以是浏览器中数据存储组件的任意存储空间，且该预设存储空间与浏览器中其他组件之间相互独立。
72.在一些实施例中，采用数据管理组件对历史数据进行预处理，得到需要进行显示的第一数据，并将第一数据存储至数据管理组件管理的数据存储空间；如此，能够缓解浏览器内部存储过多数据而导致内存占用率过大的现象，进而能够提高浏览器后续对该第一数据进行调整以及相关数据进行显示的效率和精准度。
73.在一些可能的实现方式中，对历史数据进行预处理，包括但不限于识别分类以及过滤等；如此，能够使得预处理的方式更加丰富，进而能够丰富后续显示数据的多样性。即采用数据管理组件对所述历史数据进行预处理，可以得到多种第一数据，即上述步骤s201中采用所述数据管理组件对所述历史数据进行预处理，得到与所述历史数据的数据结构相同的所述第一数据，可以通过以下至少之一的方式来实现：
74.方式一：采用所述数据管理组件对所述历史数据进行分类，得到分类结果，并将所述分类结果确定为所述第一数据。
75.方式二：采用所述数据管理组件对所述历史数据进行数据筛选，得到所述第一数据。
76.方式三：采用所述数据管理组件对所述分类结果进行筛选，得到目标分类结果，并将所述目标分类结果确定为所述第一数据。
77.在一些实施例中，方式一中可以采用数据管理组件对历史数据进行分类，可以是基于事先设定好的分类方式，对该历史数据进行分类，得到每一类数据对应的分类结果，进而将该分类结果确定为第一数据并在数据显示组件上进行显示。
78.在一些实施例中，方式二中可以基于事先设定好的过滤参数，对该历史数据进行数据筛选，进而得到第一数据并在数据显示组件上进行显示。
79.在一些实施例中，方式三中可以是基于方式一种确定分类结果进一步进行数据筛选，得到目标分类结果，并将该目标分类结果确定为第一数据。
80.这里，响应于接收到的初始数据，采用数据管理组件已经存储在数据管理组件管理的预设存储空间的，且已经在数据显示组件上进行显示的第一数据进行调整，得到第二数据，也可以是响应于接收到的初始数据，直接采用数据管理组件对在数据显示组件上进行显示的第一数据进行调整，以得到第二数据。如此，能够实现基于数据管理组件直接对获取到的数据进行处理，进而能够降低浏览器内部相关组件整体对该数据进行处理的需求，即能够提高浏览器处理数据的效率以及降低浏览器内部处理数据所占用的计算资源。即上述实施例提供的步骤s102可以通过以下步骤s203和步骤s204来实现：
81.步骤s203，响应于所述数据管理组件的数据接收接口接收到的所述初始数据，采用所述数据接收接口传输所述初始数据至所述数据管理组件管理的预设存储空间。
82.在一些实施例中，数据管理组件管理的预设存储空间与浏览器中其他组件之间相互独立。
83.在一些实施例中，响应于数据管理组件的数据接收接口接收到的初始数据，可以是数据管理组件的数据接收接口接收数据采集组件当前采集的初始数据，并采用该数据接
收接口传输该初始数据至数据管理组件管理的预设存储空间；其中，采用数据接收接口传输初始数据至数据管理组件，可以是在数据接收接口接收到初始数据之后，同步传输至数据管理组件管理的预设存储空间，还可以是在数据接收接口接收到初始数据之后，在预设时间段内传输至数据管理组件管理的预设存储空间。
84.在一些实施例中，即可以将首先获取到的历史数据以及初始数据，直接存储至数据管理组件管理的预设存储空间，然后采用数据管理组件对该历史数据以及初始数据进行预处理之后，得到的相关数据同样可以存储至数据管理组件管理的预设存储空间。
85.在一些实施例中，响应于数据管理组件的数据接收接口接收到的初始数据，可以对该初始数据进行预处理，其具体实现过程可参考上文关于历史数据的预处理过程，此处不再描述。
86.在一些实施例中，初始数据与历史数据是数据采集组件在不同时间段内获取的数据，该初始数据和历史数据可以完全相同，也可以不同；同时历史数据可以是数据采集组件在历史时间段采集的数据，初始数据可以是数据采集组件在当前时刻采集的数据。
87.步骤s204，采用所述数据管理组件，基于所述初始数据对所述第一数据进行更新，得到第二数据。
88.在一些实施例中，可以采用数据管理组件基于初始数据，对第一数据进行状态同步、状态更新、数据量增加等，以得到第二数据。
89.在一些实施例中，可以基于获取的初始数据的数量，对第一数据的数据量进行增加，进而得到第二数据。还可以基于获取的初始数据的属性信息，对第一数据进行状态调整，得到第二数据。其中，第二数据与第一数据之间可以完全相同，也可以部分相同，还可以完全不同。
90.在一些实施例中，第一数据和第二数据可以是数据结构相同，但是数据量不同的两个数据，还可以是数据表达形式不同的两个数据，也可以是数据内部部分信息不同的两个数据。
91.在一些可能的实现方式中，在所述第一数据包括第一子数据集的情况下，所述采用所述数据管理组件，基于所述初始数据对所述第一数据进行同步更新，得到第二数据，可以从第一子数据集中确定与初始数据关联的目标子数据，即待更新子数据，基于初始数据对该待更新子数据进行更新，并将更新之后的得到的数据与第一子数据集中除待更新子数据之外的数据，确定为第二数据。如此，能够实现对第一数据内部的部分数据更新，进而能够提高数据同步更新的准确度。即上述步骤s204可以通过以下步骤s2041至步骤s2043的方式来实现(图中未示出)：
92.步骤s2041，采用所述数据管理组件，在所述第一子数据集中确定所述初始数据关联的待更新子数据。
93.在一些实施例中，采用数据管理组件，在第一子数据集中确定与初始数据关联的待更新子数据；其中，可以是基于初始数据的属性信息，在第一子数据集中确定关联的待更新子数据。示例性地，在初始数据的属性信息为男性、年龄段为50至60岁，从第一子数据集中确定与男性、年龄段为50至60岁的分类结果，即为待更新子数据；其中，第一子数据集中包括多个分类结果，比如：分类结果1：女性、年龄段为45岁左右；分类结果2：男性、年龄段为10岁以下；分类结果3：男性、年龄段为50至60岁等。
94.步骤s2042，基于所述初始数据对所述待更新子数据进行更新，得到已更新子数据。
95.在一些实施例中，采用数据管理组件，基于初始数据对数据管理器组件管理的预设存储空间内部存储的第一子数据集中待更新子数据进行更新，得到已更新子数据。
96.步骤s2043，将包括所述已更新子数据的第一子数据集，确定为所述第二数据。
97.在一些实施例中，第二数据包括待更新子数据进行更新之后对应的数据，即已更新子数据，以及第一子数据集中除该待更新子数据之外的所有子数据。
98.在一些实施例中，可以是直接将初始数据所对应的数据量，直接叠加至待更新子数据所对应的数据量中。
99.在一些实施例中，在采用数据显示组件显示第二数据之前，响应于接收到的同步更新指令，实现将数据管理组件中当前得到的第二数据同步至数据显示组件上进行显示。如此，能够实现浏览器内部多个子组件之间的信息传输，进而能够提高浏览器内部运算效率，即上述实施例提供的步骤s103之前，本技术实施例提供的数据显示方法可以实现以下步骤s301。如图3所示，为本技术实施例提供的第三种数据显示方法的实现流程图，结合图1至图3所示的步骤进行以下说明：
100.步骤s301，响应于接收到的同步更新指令，采用所述数据管理组件的数据传输接口发送所述第二数据至所述数据显示组件。
101.在一些实施例中，响应于接收到的同步更新指令，实现第二数据在数据管理组件与数据显示组件之间的传输，即通过数据管理组件上对应的接口，实现第二数据的传输。
102.在一些可能的实现方式中，该同步更新指令，可以包括以下两种之一：
103.方式一：在所述数据管理组件管理的所述第一数据变更为所述第二数据的情况下，生成的第一同步更新指令。
104.在一些实施例中，在所述数据管理组件管理的预设存储空间内部存储的所述第一数据变更为所述第二数据的情况下，生成第一同步更新指令。
105.方式二：在数据显示页面上接收到的第二同步更新指令。
106.在一些实施例中，数据显示页面为至少一个所述数据显示组件生成的页面，即可以基于数据显示页面上的相关人机交互窗口，接收第二同步更新指令。
107.在一些实施例中，通过浏览器内部的数据管理组件内部管理的数据发生变化，或接收外界输入的更新指令，来生成对应的同步更新指令。如此，能够提高同步更新的效率和精准度，以便后续基于该同步更新指令快速更新对应的显示数据。
108.相应地，上述实施例提供的步骤s103，即采用所述数据显示组件显示所述第二数据可以通过以下步骤s302来实现：
109.步骤s302，采用所述数据显示组件接收并显示所述第二数据。
110.在一些实施例中，采用数据显示组件接收基于数据管理组件的数据传输接口发送的第二数据，并相应地在数据显示组件上显示该第二数据。
111.在一些可能的实现方式中，可以基于获取的第二数据，将在数据显示组件上显示的第一数据进行覆盖或替代，进而以滚动显示方式显示第二数据；如此，能够高效且便捷地实现数据同步更新和显示，进而能够提高浏览器整体处理数据和显示数据的效率。即上述步骤s302可以通过以下步骤s3021和步骤s3022来实现(图中未示出)：
112.步骤s3021，响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件将所述第一数据替换为所述第二数据。
113.在一些实施例中，数据显示组件在没有接收到第二数据的情况下，是直接显示数据管理组件中当前管理的数据，即第一数据；同时在数据管理组件管理的第一数据变更为第二数据，且将该第二数据发送至数据显示组件情况下，直接将在数据显示组件上显示的数据从第一数据变更为第二数据。其中，将第一数据替换为第二数据，可以是采用第二数据直接覆盖第一数据。
114.步骤s3022，采用所述数据显示组件滚动显示具有预设显示效果的所述第二数据。
115.在一些实施例中，采用数据显示组件显示具有预设显示效果的第二数据，这里，在采用数据显示组件显示第一数据的情况下，也可以是将第一数据显示为具有预设显示效果的数据。
116.在一些实施例中，在第二数据包括多个子数据的情况下，可以在数据显示页面上，采用多个数据显示组件以不同的显示方式来显示不同的子数据。
117.在一些可能的实现方式中，响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件将所述第一数据替换为所述第二数据，即上述步骤s3021可以通过以下过程来实现：
118.第一步，响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件，获取第一数据卡片集。
119.在一些实施例中，所述第一数据卡片集中每一第一数据卡片上对应显示所述第一子数据集中的每一第一子数据。
120.其中，在第一数据包括第一子数据集的情况下，第一子数据集中每一第一子数据对应一个数据卡片，且一个数据卡片对应显示一个第一子数据，即数据卡片的数量与第一子数据集中第一子数据的数量相同。
121.第二步，将所述每一第一数据卡片显示的第一子数据，替换为所述第二子数据集中每一第二子数据，以生成第二数据卡片集。
122.在一些实施例中，响应于数据管理组件发送的第二数据，根据上文描述，在第一数据包括第一子数据集的情况下，第二数据为包括已更新子数据的第一子数据集，即第二数据也包括多个第二子数据。
123.在一些实施例中，采用数据显示组件，将原来的每一第一子数据对应的数据卡片上的数据从第一子数据调整为对应的第二子数据。其中，数据卡片的数量可随子数据(第一子数据或第二子数据对应调整，即对应减少或增加)。
124.这里，在采用所述数据显示组件滚动显示具有预设显示效果的所述第二数据时，即上述实时例提供的步骤s3022可以通过以下方式来实现：
125.在所述数据显示组件上，采用所述第二数据卡片集形成滚动条，并滚动显示具有所述预设显示效果的所述每一第二子数据。
126.在一些实施例中，可以在数据显示组件上，将第二数据卡片集形成滚动条，并采用该滚动条对第二子数据集进行显示，即可以是采用滚动条滚动显示每一第二子数据对应的数据卡片。且每一第二子数据对应的数据卡片的显示效果，以及多个第二子数据对应的数据卡片滚动显示形成的整体显示效果可随实际需求而定。如此，基于分块显示以及滚动显
示，能够在数据显示组件上显示具有预设显示效果的多个数据，进而能够提高浏览器整体显示数据的性能。
127.下面结合一个具体实施例对上述数据显示方法进行说明，然而值得注意的是，该具体实施例仅是为了更好地说明本技术实施例，并不构成对本技术实施例的不当限定。
128.相关技术中，滚动组件是web界面常用的一种交互组件，主要用来使数据以走马灯形式左右滚动；其中，现有的组件是单个数据的滚动，即仅能够做到根据显示页面的整屏进行数据滚动或者单个数据的滚动。而实际应用中在不需要当前数据浏览时停留太久的情况下，这种交互会严重影响用户体验。
129.同时，基于vue.js开发web页面组件有其便利性，其技术框架现已应用于各类网站的开发。本技术基于原生js开发的web页面，即数据显示方法和浏览器，同时可适用于各类业务场景，同时能够在人机交互过程中提供更优的用户体验。
130.基于此，本技术实施例提供的数据显示方法和浏览器，其中，在数据显示方法应用于浏览器中，通过设计实现数据管理的数据管理组件，其可以用于存储原始的数据，比如：获取的数组数据等，同时提供数据操作对应的接口。同时能够设计浏览器内部的各个组件间的数据通信机制，进而能够实现数据的更新，在浏览器内部的各个组件之间、组件和数据管理组件之间传递；如此，能够降低浏览器内部数据操作的响应时间和计算资源的消耗。
131.此外，在浏览器以滚动显示的方式显示数据的情况下，可以使用层叠样式表3级(cascading style sheets level 3，css3)，以实现完成scroll-box(图片文字滚动插件)的滚动效果以及旋绕渐变特效。
132.其中，该数据管理组件可以实现对输入至浏览器内部的数据进行初加工，比如：过滤或筛选，同时在过滤或筛选的过程中可保持数据的数据结构不变，并将处理之后的数据存储至数据管理组件管理的一存储空间，该存储空间与浏览器内部其他组件之间相互独立。此外，该数据管理组件还能够提供相应的数据操作接口，包括：实现对数据的点击操作，数据状态同步等。
133.且在数据显示方法所应用的浏览器中，可基于浏览器内部的父子组件之间的事件传输机制和属性传递机制，实现浏览器内部各个组件(包括数据显示组件和数据管理组件)之间的数据传输。同时在每次传输数据的时候能够调用数据管理组件的接口，将需要传递的数据存储到数据管理组件，并更新数据管理组件中需要同步的部分数据。如图4所示，为应用本技术实施例提供的数据显示方法所对应的数据显示页面的示意图；其中，401为数据显示页面的菜单栏，其为“xx区域智能应用系统”，对应的工具栏窗口包括“区域详情”以及所属的“xx区域”；同时402和403分别为数据显示页面的两个数据显示组件；其中，402是图形形式对数据进行显示，如图4中的402所示，通过两种显示方式进行显示，其一是以饼图形式显示车辆识别结果分类：“分类1”、“分类2”以及“分类3”；其二是以折线图形式显示车辆采集信息，其是以采集时间为序进行显示，403是以文字形式并通过滚动显示的方式显示分块数据，如图403所示“第一类车辆”、“第二类车辆”以及“第三类车辆”。
134.同时，如图5所示，为应用本技术实施例提供的数据显示方法同步显示数据的流程示意图；首先，501为接收原始数据，即对应本技术实施例数据管理组件接收初始数据，同时在接收到初始数据之后，数据管理组件会对内部已经管理的数据进行更新，得到更新之后的数据；然后，基于502提供操作接口，获取对应的更新同步指令，即将数据管理组件内部更
新之后的数据同步至数据显示组件，即得到503；其中，503为更新之后的数据为多个数据的情况下，可对数据进行分块显示，并可通过滚动方式动态在数据显示页面显示如503所示的“内部滚动的数据1”、“内部滚动的数据2”以及“内部滚动的数据3”。
135.基于本技术实施例提供的数据显示方法和浏览器，能够使得数据处理和显示更加精准和便捷，且能够提高浏览器内部运行的效率，同时能够降低浏览器内部处理和显示数据所对应的计算资源的消耗，进而使得数据显示页面在滚动显示数据的情况下，数据滚动更加平滑。
136.本技术实施例提供一种浏览器，图6为本技术实施例提供的浏览器的结构组成示意图，如图6所示，所述浏览器600包括：数据管理组件601和数据显示组件602；其中：
137.所述数据管理组件601，用于确定在所述数据显示组件上显示的第一数据；
138.所述数据管理组件601，还用于响应于接收到的初始数据对所述第一数据进行调整，得到第二数据；
139.所述数据显示组件602，用于显示所述第二数据。
140.在一些实施例中，所述数据管理组件601，用于获取采集的历史数据；还用于对所述历史数据进行预处理，得到与所述历史数据的数据结构相同的所述第一数据，并将所述第一数据存储至所述数据管理组件管理的预设存储空间；其中，所述预设存储空间与所述浏览器中的任一组件之间相互独立。
141.在一些实施例中，所述数据管理组件601，还用于对所述历史数据进行分类，得到分类结果，并将所述分类结果确定为所述第一数据；对所述历史数据进行数据筛选，得到所述第一数据；对所述分类结果进行筛选，得到目标分类结果，并将所述目标分类结果确定为所述第一数据。
142.在一些实施例中，所述数据管理组件601的数据接收接口，还用于响应于所述数据管理组件的数据接收接口的所述初始数据，传输所述初始数据至所述数据管理组件管理的预设存储空间；所述数据管理组件601，还用于基于所述初始数据对所述第一数据进行更新，得到第二数据。
143.在一些实施例中，在所述第一数据包括第一子数据集的情况下，所述数据管理组件601，还用于在所述第一子数据集中确定所述初始数据关联的待更新子数据；基于所述初始数据对所述待更新子数据进行更新，得到已更新子数据；将包括所述已更新子数据的第一子数据集，确定为所述第二数据。
144.在一些实施例中，所述数据管理组件601的数据传输接口，用于响应于接收到的同步更新指令，发送所述第二数据至所述数据显示组件；所述数据显示组件602，还用于采用所述数据显示组件接收并显示所述第二数据。
145.在一些实施例中，所述数据显示组件602，还用于响应于所述数据管理组件发送的所述第二数据，将所述第一数据替换为所述第二数据；并滚动显示具有预设显示效果的所述第二数据。
146.在一些实施例中，所述数据显示组件602，还用于响应于所述数据管理组件发送的所述第二数据，采用所述数据显示组件，获取第一数据卡片集；其中，所述第一数据卡片集中每一第一数据卡片上对应显示所述第一子数据集中的每一第一子数据；将所述每一第一数据卡片显示的第一子数据，替换为所述第二子数据集中每一第二子数据，以生成第二数
据卡片集；在所述数据显示组件上，采用所述第二数据卡片集形成滚动条，并滚动显示具有所述预设显示效果的所述每一第二子数据。
147.需要说明的是，以上系统实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本技术系统实施例中未披露的技术细节，请参照本技术方法实施例的描述而理解。
148.需要说明的是，本技术实施例中，如果以软件功能模块的形式实现上述的数据显示方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是终端、服务器等)执行本技术各个实施例所述方法的全部或部分。而前述的存储介质包括：u盘、运动硬盘、只读存储器(read only memory，rom)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本技术实施例不限制于任何特定的硬件和软件结合。
149.对应地，本技术实施例再提供一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，该计算机可执行指令被执行后，能够实现本技术实施例提供的数据显示方法。
150.相应的，本技术实施例再提供一种计算机存储介质，所述计算机存储介质上存储有计算机可执行指令，所述该计算机可执行指令被处理器执行时实现上述实施例提供的数据显示方法。
151.以上浏览器和存储介质实施例的描述，与上述方法实施例的描述是类似的，具有同相应方法实施例相似的技术描述和有益效果，限于篇幅，可参照上述方法实施例的记载，故在此不再赘述。对于本技术提供的浏览器和存储介质实施例中未披露的技术细节，请参照本技术方法实施例的描述而理解。
152.应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本技术实施例的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。应理解，在本技术实施例的各种实施例中，上述各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本技术实施例的实施过程构成任何限定。上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
153.在本技术实施例所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组
成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
154.上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
155.另外，在本技术实施例各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、rom、磁碟或者光盘等各种可以存储程序代码的介质。
156.或者，本技术实施例上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本技术实施例各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、rom、磁碟或者光盘等各种可以存储程序代码的介质。以上所述，仅为本技术实施例的具体实施方式，但本技术实施例的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术实施例揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本技术实施例的保护范围之内。因此，本技术实施例的保护范围应以所述权利要求的保护范围为准。