页面加载方法、装置、设备及存储介质与流程

1.本技术涉及计算机技术领域，尤其涉及一种页面加载方法、装置、设备及存储介质。


背景技术：

2.对于计算机视觉的页面加载技术是创建前端页面，以加载指定的超文本标记语言(hyper text markup language，html)内容。html可以依据目标需求加载对应的javascript语言、层叠样式表(cascading style sheets，css)、图像(image)等多种静态资源，还可以根据目标需求，利用异步javascript和可扩展的标识语言(extensible markup language，xml)等技术加载动态资源，并利用所加载的静态资源及动态资源完成对于前端页面的渲染。
3.例如，金融或医疗的前端支付页面的渲染时，前端支付页面需要先加载静态资源，然后依据所加载的静态资源中的动态资源请求地址等信息加载动态资源，当网络状态较差的情况下，容易长时间白屏或加载失败，无法及时地获取网页资源，导致用户在进行电子支付的体验较差。因此，如何提高页面加载的效率和准确性是目前亟待解决的问题。


技术实现要素：

4.本技术的主要目的在于提供一种页面加载方法、装置、设备及存储介质，旨在提高页面加载的效率和准确性。
5.第一方面，本技术提供一种页面加载方法，所述页面加载方法包括以下步骤：
6.获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；
7.在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程，并基于所述页面渲染新线程和哈希值信息获取页面加载资源；
8.在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源；
9.根据所述页面加载资源进行页面加载。
10.第二方面，本技术还提供一种页面加载装置，所述页面加载装置包括第一获取模块、创建模块和页面加载模块，其中：
11.所述第一获取模块，用于获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；
12.所述创建模块，用于在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程；
13.所述第一获取模块，还用于基于所述页面渲染新线程和哈希值信息获取页面加载资源；
14.所述第一获取模块，还用于在根据所述哈希值信息确定所述待加载页面属于第二
类型页面时，根据所述哈希值信息获取页面加载资源；
15.所述页面加载模块，用于根据所述页面加载资源进行页面加载。
16.第三方面，本技术还提供一种计算机设备，所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序，其中所述计算机程序被所述处理器执行时，实现如上述的页面加载方法的步骤。
17.第四方面，本技术还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如上述的页面加载方法的步骤。
18.本技术提供一种页面加载方法、装置、设备及存储介质，本技术通过获取页面加载请求，并根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面属于第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取页面加载资源；在根据哈希值信息确定待加载页面属于第二类型页面时，根据哈希值信息获取页面加载资源；之后根据页面加载资源进行页面加载。当待加载的页面属于第一类型页面时通过创建页面渲染新线程，并通过新线程获取页面加载资源，极大地提高了页面加载效率，当待加载的页面属于第二类型页面时，根据哈希值信息获取页面加载资源，极大地提高了页面加载的效率和准确性。通过本方案能够解决金融领域的客户咨询页面、产品销售页面、网络购物页面、内部资料管理页面或交易页面等页面加载缓慢和/或页面加载失败的问题，以及能够解决在数字医疗领域的挂号页面、药物管理页面、药品拿取页面、器械管理页面等页面加载缓慢和/或页面加载失败的问题，极大地提高了页面加载的效率和准确性。
附图说明
19.为了更清楚地说明本技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
20.图1为本技术实施例提供的一种页面加载方法的流程示意图；
21.图2为本技术实施例提供的另一种页面加载方法的流程示意图；
22.图3为图1中的页面加载方法的子步骤流程示意图；
23.图4为本技术实施例提供的一种页面加载装置的示意性框图；
24.图5为图4中的页面加载装置的子模块的示意性框图；
25.图6为图4中的页面加载装置的另一子模块的示意性框图；
26.图7为图4中的页面加载装置的子模块的示意性框图；
27.图8为本技术实施例提供的另一种页面加载装置的示意性框图；
28.图9为本技术实施例提供的一种计算机设备的结构示意性框图。
29.本技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
30.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本技术一部分实施例，而不是全部的实施例。基于本申
请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
31.附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。
32.目前，金融或医疗的前端支付页面的渲染时，前端支付页面需要先加载静态资源，然后依据所加载的静态资源中的动态资源请求地址等信息加载动态资源，当网络状态较差的情况下，容易长时间白屏或加载失败，无法及时地获取网页资源，导致用户在进行电子支付的体验较差。
33.为解决上述问题，本技术提供一种页面加载方法、装置、设备及存储介质，该页面加载方法通过获取页面加载请求，并根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面属于第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取页面加载资源；在根据哈希值信息确定待加载页面属于第二类型页面时，根据哈希值信息获取页面加载资源；之后根据页面加载资源进行页面加载。当待加载的页面属于第一类型页面时通过创建页面渲染新线程，并通过新线程获取页面加载资源，极大地提高了页面加载效率，当待加载的页面属于第二类型页面时，根据哈希值信息获取页面加载资源，极大地提高了页面加载的效率和准确性。
34.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
35.人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
36.本技术实施例提供一种页面加载方法、装置、设备及存储介质。其中，该页面加载方法可应用于计算机设备中，该计算机设备可以是手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等电子设备。例如，该计算机设备为笔记本电脑时，笔记本电脑获取页面加载请求，并根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面属于第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取页面加载资源；在根据哈希值信息确定待加载页面属于第二类型页面时，根据哈希值信息获取页面加载资源；根据页面加载资源进行页面加载，极大地提高了笔记本电脑的页面加载的效率和准确性。
37.下面结合附图，对本技术的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。
38.请参照图1，图1为本技术的实施例提供的一种页面加载方法的流程示意图。
39.如图1所示，该页面加载方法包括步骤s101至步骤s104。
40.步骤s101、获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息。
41.需要说明的是，该页面是指计算机视觉的页面，该页面可以包括金融领域的客户咨询页面、产品销售页面、网络购物页面、内部资料管理页面或交易页面等，也可以包括数字医疗领域的挂号页面、药物管理页面、药品拿取页面、器械管理页面等，当然还可以包括其余领域的各前端页面，本技术实施例对此不做具体限定。
42.其中，页面加载请求包括但不限于入口页面访问请求或页面跳转访问请求，该页面加载请求中包括待访问页面的统一资源定位符(uniform resource locator，url)地址，url地址包括协议部分、域名部分和锚部分等部分，例如，https://www.abc.com#web-prefetch＝b，具体为：
43.协议部分：“https://”为该url的协议部分，表示该网页使用的是超文本传输安全协议(hyper text transfer protocol over secure socket layer，https)，此外，在互联网中还可以使用多种协议，如超文本传输协议(hyper text transfer protocol，http)、文件传输协议(file transfer protocol，ftp)等，“//”为分隔符。
44.域名部分：“www.abc.com”为该url的域名部分。
45.锚部分：“#web-prefetch＝b”为该url的锚部分，该锚部分可以作为哈希值信息的载体，该锚部分并不是url必须有的部分。
46.在一实施例中，如图2所示，在获取页面加载请求之前还包括步骤s201至步骤s202。
47.步骤s201、获取历史已生成页面的前端源代码，所述历史已生成页面为当前时间戳之前已加载的页面。
48.其中，历史已生成页面为当前时间戳之前已加载的页面，例如，当前时间为2022年10月5日，获取2022年10月5日之前的前端源代码。
49.步骤s202、调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息。
50.在一实施例中，调用webpack对各历史已生成页面的前端源代码进行配置，生成各历史已生成页面对应的多个子资源文件；根据预设哈希算法对各子资源文件进行运算，生成各历史已生成页面对应的哈希值信息。通过调用webpack对各历史已生成页面的前端源代码进行配置，能够准确地得到各历史已生成页面对应的多个子资源文件，并基于预设哈希算法对各子资源文件进行运算，能够准确地得到各历史已生成页面对应的哈希值信息。
51.在一实施例中，调用webpack对历史已生成页面的前端源代码进行配置，生成用于网页展示的静态资源文件，该静态资源文件包括js文件、css文件和assets文件等文件；并对各历史已生成页面的静态资源文件进行存储，以便于下次进行页面显示的静态资源文件获取的效率和准确性。基于预设哈希算法对静态资源文件中各个子文件进行哈希运算，生成各个子文件对应的哈希值。其中，该预设哈希算法可以根据实际情况进行选择，本发明实施例对此不做具体限定，例如，该哈希算法可以是sha-1、sha-224、sha-256或sha-384。通过webpack对历史已生成页面的前端源代码进行配置，能够准确地得到历史已生成页面对应的静态资源文件。
52.需要说明的是，各历史已生成页面的静态资源文件存储的位置可以根据实际情况进行选择，本发明实施例对此不做具体限定，例如，各已生成页面的静态资源文件可以存储于服务器。
53.在一实施例中，在生成历史已生成页面的静态资源文件之后，启动nodejs脚本以遍历读取每个静态资源文件，并node的fs模块读取文件路径同时依赖crypto模块的createhash方法获取指定文件的哈希值，即可得到当前版本所有资源文件的哈希值信息，并将各历史已生成页面的静态资源文件对应的哈希值信息进行存储。通过nodejs脚本能够准确地读取各静态资源文件和静态资源文件对应的哈希值信息。
54.在一实施例中，获取页面加载请求，该页面加载请求包括待访问页面的url地址，从该url地址中的锚部分获取加载待加载页面所需的资源映射的哈希值信息。通过从该url地址的锚部分能够准确地获取到加载待加载页面所需的资源映射的哈希值信息，极大地提高了页面加载的效率和准确性。
55.步骤s102、在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程，并基于所述页面渲染新线程和哈希值信息获取页面加载资源。
56.其中，第一类型页面是前端页面属于首页的网页。
57.在一实施例中，根据哈希值信息确定待加载页面属于第一类型页面时，通过service worker建立创建页面渲染的新线程，通过该新线程获取哈希值信息对应的页面加载资源。当该待加载页面属于第一类型页面时，建立创建页面渲染的新线程，解决了前端页面js引擎渲染执行只依赖单线程的现状，不会占用已有的页面渲染线程的资源，极大地提高了页面加载的效率和准确性。
58.具体地，service worker建立创建页面渲染的新线程，运行该新线程并从本地获取哈希值信息对应的首页的页面加载资源，以达到获取首页的页面加载资源不需要消耗网络资源的目的，极大地提高了页面加载的效率和准确性。
59.示例性的，在接收到金融领域的产品销售页面的页面加载请求，根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面的产品销售页面为第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取产品销售页面加载资源，根据产品销售页面加载资源进行页面加载生成产品销售页面，以达到获取产品销售页面的页面加载资源不需要消耗网络资源的目的，极大地提高了页面加载的效率和准确性。
60.示例性的，在接收到数字医疗领域的挂号页面的页面加载请求，根据挂号页面的页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面的挂号页面为第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取挂号页面加载资源，根据挂号页面加载资源进行页面加载生成挂号页面，以达到获取挂号页面的页面加载资源不需要消耗网络资源的目的，极大地提高了页面加载的效率和准确性。
61.步骤s103、在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源。
62.其中，该第二类型页面是前端页面不是首页的网页。
63.在一实施例中，如图3所示，步骤s103包括子步骤s1031至子步骤s1035。
64.子步骤s1031、根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新。
65.在一实施例中，获取待加载页面的历史哈希值信息，历史哈希值信息为当前时间
戳之前显示待加载页面是的哈希值信息；当多个哈希值与历史哈希值信息中对应的各历史哈希值相同时，确定待加载页面的资源文件不存在更新；当存在至少一个哈希值与所述历史哈希值信息中对应的历史哈希值不相同时，确定待加载页面的资源文件存在更新。通过将哈希值信息中的各哈希值与历史哈希值信息中的各哈希值进行对比，能够准确地知晓待加载页面的资源文件是否存在更新。
66.在一实施例中，获取待加载页面的历史哈希值信息的方式可以为：根据页面加载请求中url地址获取待加载页面的历史锚部分信息，从历史锚部分信息中获取历史哈希值信息。根据url地址能够准确获取到历史哈希值信息，极大地提高了页面加载的效率和准确性。
67.子步骤s1032、在根据所述哈希值信息确定所述待加载页面的资源文件不存在更新的情况下，根据所述哈希值信息从本地获取页面加载资源。
68.当哈希值中多个哈希值与历史哈希值信息中对应的各历史哈希值相同时，确定待加载页面的资源文件不存在更新，从本地缓存的资源文件库中获取哈希值信息对应的资源文件，即可得到页面加载资源。
69.子步骤s1033、在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息确定存在更新的子资源文件。
70.当存在至少一个哈希值与所述历史哈希值信息中对应的历史哈希值不相同时，确定待加载页面的资源文件存在更新，并根据哈希值信息中的多个哈希值确定存在更新的子资源文件。
71.在一实施例中，根据哈希值信息中的多个哈希值确定存在更新的子资源文件的方式可以为：将哈希值信息中的多个哈希值与历史哈希值信息中的各历史哈希值进行对比，并将不相同的哈希值对应的子资源文件确定为存在更新的子资源文件。
72.示例性的，哈希值信息包括哈希值1、哈希值2、哈希值3、哈希值4和哈希值5，历史哈希值信息包括历史哈希值1、历史哈希值2、历史哈希值3、历史哈希值4和历史哈希值5。其中，哈希值1、哈希值2、哈希值3、哈希值4和哈希值5，与历史哈希值1、历史哈希值2、历史哈希值3、历史哈希值4和历史哈希值5一一匹配，若哈希值2和历史哈希值2不相同，则确定哈希值2对应的子资源存在更新。
73.子步骤s1034、根据所述哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收所述服务器基于所述下载请求返回的更新的子资源文件；以及，根据所述哈希值信息从本地获取未更新的子资源文件。
74.根据哈希值信息向服务器发送已更新的子资源文件的下载请求，服务器根据该下载请求获取对应的更新的子资源文件，并将更新的子资源文件发送给计算机设备，接收该服务器发送的更新的子资源文件，以得到更新的子资源文件。以及，根据哈希值信息从本地获取未更新的子资源文件。通过向服务器请求下载更新的子资源文件，极大地提高了资源文件获取的效率，以及从本地获取未更新的子资源文件，能够减少网络资源的消耗，极大地提高了资源文件下载的效率。
75.子步骤s1035、在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息向服务器发送资源文件的下载请求，并接收所述服务器基于所述下载请求返回的所有资源文件。
76.在根据哈希值信息确定待加载页面的资源文件存在更新的情况下，根据哈希值信息向服务器发送资源文件的下载请求，服务器根据哈希值信息获取加载页面所有所需的资源文件，并将资源文件发送给计算机设备，计算机设备接收服务器基于下载请求返回的所有资源文件。通过哈希值信息向服务器请求所有的资源文件，能够省去确定更新的子资源文件的步骤，以防页面加载文件获取出现错误。
77.步骤s104、根据所述页面加载资源进行页面加载。
78.在得到所有页面加载的页面加载资源之后，运行页面加载资源进行页面加载，能够准确地生成页面加载请求所对应的目标页面，极大地提高了页面加载效率和准确性。
79.示例性的，在接收到金融领域的支付页面的页面加载请求时，其中支付页面由于每个用户选购的产品存在差异，根据页面加载请求获取加载待加载支付页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载支付页面为第二类型页面时，根据哈希值信息确定待加载支付页面的资源文件是否存在更新，在根据哈希值信息确定待加载支付页面的资源文件不存在更新的情况下，根据哈希值信息从本地获取页面加载资源，在根据哈希值信息确定待加载支付页面的资源文件存在更新的情况下，根哈希值信息确定存在更新的子资源文件；根据哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收服务器基于下载请求返回的更新的子资源文件；以及，根据哈希值信息从本地获取未更新的子资源文件；在根据哈希值信息确定待加载支付页面的资源文件存在更新的情况下，根据哈希值信息向服务器发送资源文件的下载请求，并接收服务器基于下载请求返回的资源文件，根据返回的资源生成支付页面。通过哈希值信息向服务器请求所有的资源文件，能够省去确定更新的子资源文件的步骤，以防页面加载文件获取出现错误，极大地提高了页面加载效率和准确性。
80.示例性的，在接收到数字医疗领域的药品领取页面的页面加载请求时，其中药品领取页面由于每个患者所配的药品存在差异，根据页面加载请求获取加载待加载药品领取页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载药品领取页面为第二类型页面时，根据哈希值信息确定待加载药品领取页面资源文件是否存在更新，在根据哈希值信息确定待加载药品领取页面的资源文件不存在更新的情况下，根据哈希值信息从本地获取页面加载资源，在根据哈希值信息确定待加载药品领取页面的资源文件存在更新的情况下，根哈希值信息确定存在更新的子资源文件；根据哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收服务器基于下载请求返回的更新的子资源文件；以及，根据哈希值信息从本地获取未更新的子资源文件；在根据哈希值信息确定待加载药品领取页面的资源文件存在更新的情况下，根据哈希值信息向服务器发送资源文件的下载请求，并接收服务器基于下载请求返回的资源文件，根据返回的资源生成药品领取页面。通过哈希值信息向服务器请求所有的资源文件，能够省去确定更新的子资源文件的步骤，以防页面加载文件获取出现错误，极大地提高了页面加载效率和准确性。
81.上述实施例提供的页面加载方法，通过获取页面加载请求，并根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面属于第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取页面加载资源；在根据哈希值信息确定待加载页面属于第二类型页面时，根据哈希值信息获取页面加载资源；之后根据页面加载资源进行页面加载。当待加载的页面属于第一类型页面
时通过创建页面渲染新线程，并通过新线程获取页面加载资源，极大地提高了页面加载效率，当待加载的页面属于第二类型页面时，根据哈希值信息获取页面加载资源，极大地提高了页面加载的效率和准确性。通过本方案能够解决金融领域的客户咨询页面、产品销售页面、网络购物页面、内部资料管理页面或交易页面等页面加载缓慢和/或页面加载失败的问题，以及能够解决在数字医疗领域的挂号页面、药物管理页面、药品拿取页面、器械管理页面等页面加载缓慢和/或页面加载失败的问题，极大地提高了页面加载的效率和准确性。
82.请参阅4，图4为本技术实施例提供的一种页面加载装置的示意性框图。
83.如图4所示，所述页面加载装置300包括第一获取模块310、创建模块320和页面加载模块330，其中：
84.所述第一获取模块310，用于获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；
85.所述创建模块320，用于在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程；
86.所述第一获取模块310，还用于基于所述页面渲染新线程和哈希值信息获取页面加载资源；
87.所述第一获取模块310，还用于在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源；
88.所述页面加载模块330，用于根据所述页面加载资源进行页面加载。
89.在一实施例中，如图5所示，所述第一获取模块310包括第一确定模块311、第一获取子模块312，其中：
90.所述第一确定模块311，用于根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新；
91.所述第一获取子模块312，用于在根据所述哈希值信息确定所述待加载页面的资源文件不存在更新的情况下，根据所述哈希值信息从本地获取页面加载资源。
92.在一实施例中，如图6所示，所述第一获取模块310包括第二确定模块313和第一获取子模块314，其中：
93.所述第二确定模块313，用于在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息确定存在更新的子资源文件；
94.所述第一获取子模块314，用于根据所述哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收所述服务器基于所述下载请求返回的更新的子资源文件；以及，根据所述哈希值信息从本地获取未更新的子资源文件。
95.在一实施例中，如图7所示，所述第一获取模块310包括发送模块315和接收模块316，其中：
96.所述发送模块315，用于在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息向服务器发送资源文件的下载请求；
97.所述接收模块316，用于接收所述服务器基于所述下载请求返回的所有资源文件。
98.在一实施例中，所述第一确定模块311还用于：
99.获取所述待加载页面的历史哈希值信息，所述历史哈希值信息为当前时间戳之前显示所述待加载页面是的哈希值信息；
100.当多个所述哈希值与所述历史哈希值信息中对应的各历史哈希值相同时，确定所述待加载页面的资源文件不存在更新；
101.当存在至少一个所述哈希值与所述历史哈希值信息中对应的历史哈希值不相同时，确定待加载页面的资源文件存在更新。
102.在一实施例中，如图8所示，所述页面加载装置400还包括第二获取模块410和生成模块420，其中：
103.所述第二获取模块410，用于获取历史已生成页面的前端源代码，所述历史已生成页面为当前时间戳之前已加载的页面；
104.所述生成模块420，用于调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息。
105.在一实施例中，所述生成模块420还用于：
106.调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的多个子资源文件；
107.根据预设哈希算法对各所述子资源文件进行运算，生成各所述历史已生成页面对应的哈希值信息。
108.需要说明的是，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述页面加载装置的具体工作过程，可以参考前述页面加载方法实施例中的对应过程，在此不再赘述。
109.请参阅图9，图9为本技术实施例提供的一种计算机设备的结构示意性框图。
110.如图9所示，该计算机设备500包括通过系统总线501连接的处理器502和存储器503，其中，存储器503可以包括存储介质和内存储器。
111.存储介质可存储计算机程序。该计算机程序包括程序指令，该程序指令被执行时，可使得处理器执行任意一种页面加载方法。
112.处理器502用于提供计算和控制能力，支撑整个计算机设备的运行。
113.内存储器为存储介质中的计算机程序的运行提供环境，该计算机程序被处理器执行时，可使得处理器执行任意一种页面加载方法。
114.本领域技术人员可以理解，图9中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
115.应当理解的是，处理器502可以是中央处理单元(central processing unit，cpu)，该处理器502还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
116.其中，在一个实施例中，所述处理器502用于运行存储在存储器中的计算机程序，以实现如下步骤：
117.获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；
118.在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程，并基于所述页面渲染新线程和哈希值信息获取页面加载资源；
119.在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源；
120.根据所述页面加载资源进行页面加载。
121.在一个实施例中，所述处理器502在实现所述在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源时，用于实现：
122.根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新；
123.在根据所述哈希值信息确定所述待加载页面的资源文件不存在更新的情况下，根据所述哈希值信息从本地获取页面加载资源。
124.在一个实施例中，所述处理器502在实现所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新之后，还用于实现：
125.在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息确定存在更新的子资源文件；
126.根据所述哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收所述服务器基于所述下载请求返回的更新的子资源文件；以及，
127.根据所述哈希值信息从本地获取未更新的子资源文件。
128.在一个实施例中，所述处理器502在实现所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新之后，还用于实现：
129.在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息向服务器发送资源文件的下载请求；
130.接收所述服务器基于所述下载请求返回的所有资源文件。
131.在一个实施例中，所述处理器502在实现所述哈希值信息包括多个哈希值；所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新时，用于实现：
132.获取所述待加载页面的历史哈希值信息，所述历史哈希值信息为当前时间戳之前显示所述待加载页面是的哈希值信息；
133.当多个所述哈希值与所述历史哈希值信息中对应的各历史哈希值相同时，确定所述待加载页面的资源文件不存在更新；
134.当存在至少一个所述哈希值与所述历史哈希值信息中对应的历史哈希值不相同时，确定待加载页面的资源文件存在更新。
135.在一个实施例中，所述处理器502在实现所述获取页面加载请求之前，还用于实现：
136.获取历史已生成页面的前端源代码，所述历史已生成页面为当前时间戳之前已加载的页面；
137.调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息。
138.在一个实施例中，所述处理器502在实现所述调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息时，用于实现：
139.调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的多个子资源文件；
140.根据预设哈希算法对各所述子资源文件进行运算，生成各所述历史已生成页面对应的哈希值信息。
141.需要说明的是，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述计算机设备的具体工作过程，可以参考前述页面加载方法实施例中的对应过程，在此不再赘述。
142.本技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序中包括程序指令，所述程序指令被执行时所实现的方法可参照本技术页面加载方法的各个实施例。
143.其中，所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元，例如所述计算机设备的硬盘或内存。所述计算机可读存储介质可以是非易失性的，也可以是易失性的。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备，例如所述计算机设备上配备的插接式硬盘，智能存储卡(smart media card，smc)，安全数字(secure digital，sd)卡，闪存卡(flash card)等。
144.进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
145.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
146.应当理解，在此本技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本技术。如在本技术说明书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
147.还应当理解，在本技术说明书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
148.上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。以上所述，仅为本技术的具体实施方式，但本技术的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本技术的保护范围之内。

技术特征：
1.一种页面加载方法，其特征在于，包括：获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程，并基于所述页面渲染新线程和哈希值信息获取页面加载资源；在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源；根据所述页面加载资源进行页面加载。2.如权利要求1所述的页面加载方法，其特征在于，所述在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源，包括：根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新；在根据所述哈希值信息确定所述待加载页面的资源文件不存在更新的情况下，根据所述哈希值信息从本地获取页面加载资源。3.如权利要求2所述的页面加载方法，其特征在于，所述资源文件包括多个子资源文件；所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新之后，还包括：在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息确定存在更新的子资源文件；根据所述哈希值信息向服务器发送已更新的子资源文件的下载请求，并接收所述服务器基于所述下载请求返回的更新的子资源文件；以及，根据所述哈希值信息从本地获取未更新的子资源文件。4.如权利要求2所述的页面加载方法，其特征在于，所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新之后，还包括：在根据所述哈希值信息确定所述待加载页面的资源文件存在更新的情况下，根据所述哈希值信息向服务器发送资源文件的下载请求；接收所述服务器基于所述下载请求返回的所有资源文件。5.如权利要求3所述的页面加载方法，其特征在于，所述哈希值信息包括多个哈希值；所述根据所述哈希值信息确定所述待加载页面的资源文件是否存在更新，包括：获取所述待加载页面的历史哈希值信息，所述历史哈希值信息为当前时间戳之前显示所述待加载页面是的哈希值信息；当多个所述哈希值与所述历史哈希值信息中对应的各历史哈希值相同时，确定所述待加载页面的资源文件不存在更新；当存在至少一个所述哈希值与所述历史哈希值信息中对应的历史哈希值不相同时，确定待加载页面的资源文件存在更新。6.如权利要求1所述的页面加载方法，其特征在于，所述获取页面加载请求之前，还包括：获取历史已生成页面的前端源代码，所述历史已生成页面为当前时间戳之前已加载的页面；调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息。
7.如权利要求6所述的页面加载方法，其特征在于，所述调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的资源文件和哈希值信息，包括：调用webpack对各所述历史已生成页面的前端源代码进行配置，生成各所述历史已生成页面对应的多个子资源文件；根据预设哈希算法对各所述子资源文件进行运算，生成各所述历史已生成页面对应的哈希值信息。8.一种页面加载装置，其特征在于，所述页面加载装置包括第一获取模块、创建模块和页面加载模块，其中：所述第一获取模块，用于获取页面加载请求，并根据所述页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；所述创建模块，用于在根据所述哈希值信息确定所述待加载页面属于第一类型页面时，创建页面渲染新线程；所述第一获取模块，还用于基于所述页面渲染新线程和哈希值信息获取页面加载资源；所述第一获取模块，还用于在根据所述哈希值信息确定所述待加载页面属于第二类型页面时，根据所述哈希值信息获取页面加载资源；所述页面加载模块，用于根据所述页面加载资源进行页面加载。9.一种计算机设备，其特征在于，所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序，其中所述计算机程序被所述处理器执行时，实现如权利要求1至7中任一项所述的页面加载方法的步骤。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如权利要求1至7中任一项所述的页面加载方法的步骤。

技术总结
本申请提供一种页面加载方法、装置、设备及存储介质，属于计算机领域该方法包括：获取页面加载请求，并根据页面加载请求获取加载待加载页面所需的资源映射的哈希值信息；在根据哈希值信息确定待加载页面属于第一类型页面时，创建页面渲染新线程，并基于页面渲染新线程和哈希值信息获取页面加载资源；在根据哈希值信息确定待加载页面属于第二类型页面时，根据哈希值信息获取页面加载资源；根据页面加载资源进行页面加载。本申请解决了一些领域，例如金融或医疗的前端页面加载问题，极大地提高了页面加载资源获取的效率和准确性，使得页面加载的效率和准确性更高。本申请还涉及区块链技术领域和人工智能技术领域，哈希值信息可以存储至区块链。存储至区块链。存储至区块链。


技术研发人员：廖林镇 邹昆伦 廖淑萍
受保护的技术使用者：平安科技（深圳）有限公司
技术研发日：2023.06.05
技术公布日：2023/9/5