页面的加载方法及装置、非易失性存储介质、电子设备与流程

1.本技术涉及网页页面技术领域，具体而言，涉及一种页面的加载方法及装置、非易失性存储介质、电子设备。


背景技术：

2.前端开发走向工程化，页面脚本变得越来越臃肿，网页加载速度越来越慢，严重影响着用户的使用体验，进而影响产品的留存率和二次转化率等产品指标，google的报告指出：如果网页加载时间从1秒增加到3秒，跳出率就会提高32％，如果网页加载时间从1秒增加到6秒，跳出率就会上升106％。因此，页面的加载速度亟待提升。
3.目前提高页面加载速度的方法，存在一些问题，如对资源进行打包，无法避免网络请求，例如，使用超文本传输协议的情况下，在中国访问美国的网页时，网络延时高达600ms以上，再加上域名系统等延时，总延时一般在1秒以上；再如，服务器端渲染存在服务器端压力大，服务器不稳定，开发难度高等问题。
4.针对上述的问题，目前尚未提出有效的解决方案。


技术实现要素：

5.本技术实施例提供了一种页面的加载方法及装置、非易失性存储介质、电子设备，以至少解决由于现有技术无法有效提高页面加载速度造成的影响用户体验的技术问题。
6.根据本技术实施例的一个方面，提供了一种页面的加载方法，包括：确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表；接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表；将目标数据加载至页面。
7.可选地，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，包括：获取目标脚本的第一哈希值和目标样式表的第二哈希值；根据第一哈希值或第二哈希值，查找第一级缓存中是否存在目标数据；若第一级缓存中不存在目标数据，发起第一请求，其中，第一请求用于指示从第二级缓存中查找目标数据，第一请求中包括目标页面文件。
8.可选地，若第一级缓存中不存在目标数据，发起第一请求之后，方法还包括：通过第二级缓存对第一请求进行拦截，并获取第一请求中目标页面文件中的目标脚本的第一地址和目标样式表的第二地址；根据第一地址和第二地址，查找第二级缓存中是否存在目标数据；若第二级缓存中不存在目标数据，发起向服务器获取目标数据的第二请求。
9.可选地，若第二级缓存中不存在目标数据，发起向服务器获取目标数据的第二请求之后，方法还包括：通过第三级缓存接收服务器基于第二请求返回的第一数据，其中，第一数据包括超文本传输协议中关于页面缓存的字段；根据第一数据确定服务器存储的目标数据是否发生变化；若服务器存储的目标数据未发生变化，查找第三级缓存中是否存在目
标数据。
10.可选地，在三级缓存中不存在目标页面文件对应的目标数据的情况下，发起向服务器获取目标数据的目标请求。
11.可选地，将目标数据加载至页面，包括：若第一级缓存中存在目标数据，通过目标页面文件的脚本标签或样式表标签，将目标数据加载至页面；若第二级缓存中存在目标数据，将目标数据加载至页面；若第三级缓存中存在目标数据，将目标数据加载至页面。
12.可选地，确定页面文件对应的三级缓存，包括：将使用浏览器的本地存储器作为底层实现的缓存确定为第一级缓存；将使用浏览器的第一脚本作为底层实现的缓存确定为第二级缓存；将基于超文本传输协议的缓存确定为第三级缓存；根据第一级缓存、第二级缓存和第三级缓存确定页面文件对应的三级缓存。
13.可选地，将目标数据加载至页面之前，方法还包括：模拟目标数据加载至页面的首页的场景，生成目标超文本标记语言；将目标超文本标记语言发送至页面的首页所在的文件，得到目标文件；根据目标文件对页面的首页进行预渲染。
14.根据本技术实施例的再一方面，还提供了一种非易失性存储介质，存储介质包括存储的程序，其中，程序运行时控制存储介质所在的设备执行以上的页面的加载方法。
15.根据本技术实施例的再一方面，还提供了一种电子设备，包括：存储器和处理器，处理器用于运行存储在存储器中的程序，其中，程序运行时执行以上的页面的加载方法。
16.在本技术实施例中，采用确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表；接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表；将目标数据加载至页面的方式，通过确定三级缓存机制，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，并将目标数据加载至页面，达到了提高页面加载速度的目的，从而实现了提升用户体验的技术效果，进而解决了由于现有技术无法有效提高页面加载速度造成的影响用户体验的技术问题。
附图说明
17.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
18.图1是根据本技术实施例的一种页面的加载方法的流程图；
19.图2是根据本技术实施例的另一种页面的加载方法的流程图；
20.图3是根据本技术实施例的一种页面的加载系统的架构示意图；
21.图4是根据本技术实施例的一种打包模块进行打包的流程图；
22.图5是根据本技术实施例的一种性能测试对比图；
23.图6是根据本技术实施例的一种页面的加载装置的结构图；
24.图7是根据本技术实施例提供的一种页面的加载方法的计算机终端(或电子设备)的硬件结构框图。
具体实施方式
25.为了使本技术领域的人员更好地理解本技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分的实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本技术保护的范围。
26.需要说明的是，本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
27.根据本技术实施例，提供了一种页面的加载方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
28.图1是根据本技术实施例的一种页面的加载方法的流程图，如图1所示，该方法包括如下步骤：
29.步骤s102，确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表。
30.根据本技术的一个可选的实施例，浏览器和服务器的通信方式是应答模式，即浏览器想要得到数据，需要通过超文本传输协议向服务器发送请求，服务器响应该请求并返回结果，若浏览器每一次更新数据都重新向服务器发起请求，则服务器的运行压力会大大提升。浏览器缓存是将一个请求过的资源拷贝一份副本进行存储，当再次请求这个资源时，根据缓存机制决定直接从存储位置用上述副本相应请求，而不是再次向服务器发起请求。三级缓存机制即首先在第一级缓存中查找浏览器所需资源，若第一级缓存中不存在浏览器所需资源，进而去第二级缓存中查找浏览器所需资源，若第二级缓存中不存在浏览器所需资源，最后去第三级缓存中查找浏览器所需资源。
31.第一级缓存使用浏览器的本地存储器(localstorage)作为底层实现，localstorage解决了浏览器cookie的存储空间不足的问题，cookie中每条cookie的存储空间为4kb，localstorage最多可缓存5mb的数据，一级缓存一般用于缓存首页的脚本和样式表。第二级缓存使用浏览器的service worker作为底层实现，service worker本质是浏览器在后台运行的脚本，完全独立于其正在处理或服务的网页。service worker充当了web应用程序、浏览器和网络之间的代理服务器。service worker，最多可缓存50mb的数据，但是其通用性(96.67％)不如第一级缓存(97.35％))和第三级缓存(99.99％)的通用性好。service worker只能应用于支持超文本传输协议的网站，但service worker的优点是可以离线使用。第三级缓存为基于超文本传输协议的缓存，通过服务器返回的例如“expires,cache-control,last-modified,etag”等关于网页缓存的相关字段确定是否使用本地缓
存。
32.步骤s104，接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表。
33.根据本技术的另一个可选的实施例，在第一级缓存、第二级缓存和第三级缓存查找预加载至页面的目标文件对应的数据，目标文件包括javascript脚本和层叠样式表。javascript是一种属于网络的脚本语言,已经被广泛用于web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常javascript脚本是通过嵌入在html中来实现自身的功能的。脚本(script)是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。层叠样式表(cascading style sheets，css)是一种用来表现html(标准通用标记语言的一个应用)或xml(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。样式表是关于文件对标题和正文的默认字体、大小、颜色、前页外观、单个部分的排列间隔、行间距、四周页边距、标题间距离等元素的定义。样式表在电子文档开始时，可以通过插入或者链接进行定义。
34.步骤s106，将目标数据加载至页面。
35.若在第一级缓存或第二级缓存或第三级缓存中找到脚本和样式表对应的目标数据，则将该目标数据加载至页面。
36.根据上述步骤，通过确定三级缓存机制，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，并将目标数据加载至页面，达到了提高页面加载速度的目的，从而实现了提升用户体验的技术效果。
37.本技术的三级缓存的机制，能兼容所有浏览器和网站，具有较强的通用性，此外，图5是根据本技术实施例的一种性能测试对比图，根据本技术提供的方法，可实现浏览器首屏加载速度提升70％，白屏时间减少80％，其他页面加载速度提升50％的效果。
38.根据本技术的一个可选的实施例，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，包括以下步骤：获取目标脚本的第一哈希值和目标样式表的第二哈希值；根据第一哈希值或第二哈希值，查找第一级缓存中是否存在目标数据；若第一级缓存中不存在目标数据，发起第一请求，其中，第一请求用于指示从第二级缓存中查找目标数据，第一请求中包括目标页面文件。
39.在页面初始化过程中，获取javascript脚本的哈希值和css样式表哈希值，在第一级缓存中查找javascript脚本的哈希值或css样式表哈希值，若第一级缓存中存在上述哈希值，则直接通过脚本标签和样式表标签将数据加载至页面中。
40.在本技术的一些可选的实施例，若第一级缓存中不存在目标数据，发起第一请求之后，可以通过以下方法实现：通过第二级缓存对第一请求进行拦截，并获取第一请求中目标页面文件中的目标脚本的第一地址和目标样式表的第二地址；根据第一地址和第二地址，查找第二级缓存中是否存在目标数据；若第二级缓存中不存在目标数据，发起向服务器获取目标数据的第二请求。
41.根据本技术一些优选的实施例，若第一级缓存中不存在目标数据，浏览器发起向服务器获取数据的请求，该请求中包括javascript脚本和css样式表，此时第二级缓存对该请求进行拦截。通过拦截到的请求，获取javascript脚本的地址和css样式表地址，在第二级缓存中的地址库查找是否存在上述地址，若第二级缓存中不存在上述地址，则继续发起向服务器获取数据的请求。
42.在本技术的一些可选的实施例中，若第二级缓存中不存在目标数据，发起向服务器获取目标数据的第二请求之后，通过以下方法实现：通过第三级缓存接收服务器基于第二请求返回的第一数据，其中，第一数据包括超文本传输协议中关于页面缓存的字段；根据第一数据确定服务器存储的目标数据是否发生变化；若服务器存储的目标数据未发生变化，查找第三级缓存中是否存在目标数据。
43.作为本技术的另一个可选的实施例，浏览器向服务器传送第一次请求的字段报头，询问该时间之后文件是否有被修改过：如果服务器端的资源没有变化，则自动返回超文本传输协议的304状态码，304代表表示告知浏览器，本地有缓存数据，可直接从本地获取，无需再向服务器请求。
44.在一个可选的实施例中，在三级缓存中不存在目标页面文件对应的目标数据的情况下，发起向服务器获取目标数据的目标请求。
45.若第一级缓存、第二级缓存和第三级缓存均不存在预加载至页面上的数据时，发起向服务器获取数据的请求。
46.根据本技术一些优选的实施例，将目标数据加载至页面，包括以下步骤：若第一级缓存中存在目标数据，通过目标页面文件的脚本标签或样式表标签，将目标数据加载至页面；若第二级缓存中存在目标数据，将目标数据加载至页面；若第三级缓存中存在目标数据，将目标数据加载至页面。
47.根据本技术的另一个可选的实施例，确定页面文件对应的三级缓存，可以通过以下方法实现：将使用浏览器的本地存储器作为底层实现的缓存确定为第一级缓存；将使用浏览器的第一脚本作为底层实现的缓存确定为第二级缓存；将基于超文本传输协议的缓存确定为第三级缓存；根据第一级缓存、第二级缓存和第三级缓存确定页面文件对应的三级缓存。
48.在本技术的一些可选的实施例，将目标数据加载至页面之前，还需要：模拟目标数据加载至页面的首页的场景，生成目标超文本标记语言；将目标超文本标记语言发送至页面的首页所在的文件，得到目标文件；根据目标文件对页面的首页进行预渲染。
49.图2是根据本技术实施例的另一种页面的加载方法的流程图，如图2所示，该方法包括：
50.浏览器接收预加载至页面的缓存资源(目标数据)，遍历第一级缓存、第二级缓存和第三级缓存，若第一级缓存或第二级缓存或第三级缓存中存在缓存资源，将上述缓存资源加载至页面。
51.将缓存资源加载至页面后，继续判断是否存在未加载的缓存资源，若存在，则继续遍历第一级缓存、第二级缓存和第三级缓存，若不存在，则确定对缓存资源的加载完成。此步骤可避免漏加载或因为网络等原因加载失败的情况。
52.图3是根据本技术实施例的一种页面的加载系统的架构示意图，如图3所示，缓存
模块包括：缓存读取模块、缓存更新模块、缓存过期模块、第一缓存模块、第二缓存模块和第三缓存模块，缓存模块用于实现对javascript脚本和css样式表的缓存，包含三级缓存，其中，第一缓存模块使用localstorage作为底层实现，第二缓存模块使用service worker作为底层实现，第三缓存模块使用http缓存，通过服务器返回的expires,cache-control,last-modified,etag等，判断是否使用本地缓存。
53.加载模块包括脚本加载模块和样式表加载模块，加载模块负责将脚本和样式表加载到页面，页面初始化时，调用加载模块，传入要加载的脚本或样式表以及对应的哈希，加载模块根据传入的脚本或样式表以及对应的哈希值，在第一缓存模块中查找，如果第一缓存模块中存在上述哈希值，则直接通过脚本标签或样式表标签加载到页面中；如果没有，则发起请求，第二缓存模块通过对请求进行拦截，根据加载的脚本或样式表的地址，判断第二缓存模块中是否存在该缓存，如果存在，则不发起http请求，直接返回缓存的内容，如果不存在，则发起请求，并将请求返回的数据，存入二级缓存。浏览器发起请求时，会根据第三缓存模块，结合服务器端返回的响应头中的expires,cache-control，last-modified,etag等，判断是否使用第三级缓存。
54.打包模块负责在打包过程中，对打包结果进行处理，这种处理，包含两个步骤:
55.步骤s1，对首页进行预渲染；
56.步骤s2，根据打包插件webpack的配置和预渲染插件rollup的配置，对需要的脚本和样式表，使用缓存模块和加载模块进行进一步包装。
57.通过上述步骤，一方面减少了首页加载时，浏览器的工作量，加快了首屏加载速度，另一方面，优化了其他页面以及刷新时需要发起的网络请求数量，提升了加载速度。
58.打包是前端工程开发完成后，将开发代码打包成生产文件，然后部署到服务器。在打包配置中可配置插件，对首页与渲染和缓存模块进行包装，优化脚本和样式表缓存文件，加快加载速度。图4是根据本技术实施例的一种打包模块进行打包的流程图，如图4所示，打包模块对浏览器的缓存资源(目标数据)进行抽取，插入加载模块代码和缓存模块代码，并使用加载模块对缓存资源加载进行再封装，最后对浏览器页面的首页进行预渲染，将封装结果和预渲染结果输出。
59.根据本技术一个可选的实施例，通过插件形式运行于webpack打包机制，开发者通过简单配置，就能实现对脚本和样式表的缓存，降低了开发难度。其中，对webpack的配置流程如下所示，
[0060][0061]
通过确定三级缓存机制，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，并将目标数据加载至页面，达到了提高页面加载速度的目的，从而实现了提升用户体验的技术效果。
[0062]
图6是根据本技术实施例的一种页面的加载装置的结构图，如图6所示，该装置包括：
[0063]
第一确定模块60，用于确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表；
[0064]
第二确定模块62，用于接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表；
[0065]
加载模块64，用于将目标数据加载至页面。
[0066]
需要说明的是，上述图6中的各个模块可以是程序模块(例如是实现某种特定功能的程序指令集合)，也可以是硬件模块，对于后者，其可以表现为以下形式，但不限于此：上述各个模块的表现形式均为一个处理器，或者，上述各个模块的功能通过一个处理器实现。
[0067]
图7示出了一种用于实现页面的加载方法的计算机终端(或移动设备)的硬件结构框图。如图7所示，计算机终端70(或移动设备70)可以包括一个或多个(图中采用702a、702b，
……
，702n来示出)处理器702(处理器702可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)、用于存储数据的存储器704、以及用于通信功能的传输模块706。除此以外，还可以包括：显示器、输入/输出接口(i/o接口)、通用串行总线(usb)端口(可以作为bus总线的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图7所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端70还可包括比图7中所示更多或者更少的组件，或者具有与图7所示不同的配置。
[0068]
应当注意到的是上述一个或多个处理器702和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外，数据处理电路可为单个独立的处理模块，或全部或部分的结合到计算机终端70(或移动设备)中的其他元件中的任意一个内。如本技术实施例中所涉及到的，该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。
[0069]
存储器704可用于存储应用软件的软件程序以及模块，如本技术实施例中的页面的加载方法对应的程序指令/数据存储装置，处理器702通过运行存储在存储器704内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的页面的加载方法。存储器704可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器704可进一步包括相对于处理器702远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端70。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
[0070]
传输模块706用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端70的通信供应商提供的无线网络。在一个实例中，传输模块706包括一个网络适配器(network interface controller，nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输模块706可以为射频(radio frequency，rf)模块，其用于通过无线方式与互联网进行通讯。
[0071]
显示器可以例如触摸屏式的液晶显示器(lcd)，该液晶显示器可使得用户能够与计算机终端70(或移动设备)的用户界面进行交互。
[0072]
此处需要说明的是，在一些可选实施例中，上述图7所示的计算机设备(或电子设备)可以包括硬件元件(包括电路)、软件元件(包括存储在计算机可读介质上的计算机代码)、或硬件元件和软件元件两者的结合。应当指出的是，图7仅为特定具体实例的一个实例，并且旨在示出可存在于上述计算机设备(或电子设备)中的部件的类型。
[0073]
需要说明的是，图7所示的电子设备用于执行图1所示的页面的加载方法，因此上述命令的执行方法中的相关解释说明也适用于该电子设备，此处不再赘述。
[0074]
本技术实施例还提供了一种非易失性存储介质，非易失性存储介质包括存储的程序，其中，程序运行时控制存储介质所在的设备执行以上的页面的加载方法。
[0075]
非易失性存储介质执行以下功能的程序：确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表；接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表；将目标数据加载至页面。
[0076]
本技术实施例还提供了一种电子设备，包括：存储器和处理器，处理器用于运行存储在存储器中的程序，其中，程序运行时执行以上的页面的加载方法。
[0077]
处理器用于运行执行以下功能的程序：确定页面文件对应的三级缓存，其中，三级缓存包括：第一级缓存、第二级缓存和第三级缓存，页面文件包括：脚本和样式表；接收目标页面文件，遍历第一级缓存、第二级缓存和第三级缓存，直至确定与目标页面文件对应的目标数据，其中，目标页面文件包括：预加载至页面的目标脚本和目标样式表；将目标数据加载至页面。
[0078]
上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。
[0079]
在本技术的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
[0080]
在本技术所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。
[0081]
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
[0082]
另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
[0083]
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术的技术方案本质上或者说对相关技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
[0084]
以上所述仅是本技术的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本技术原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本技术的保护范围。