本申请提供一种单页面应用资源加载异常处理方法、装置及相关设备，通过向预置的目标服务器发送用于获取目标静态资源的第一请求信息；接收目标服务器的反馈信息；基于反馈信息，判断目标单页面应用的资源加载是否出现异常；若目标单页面应用的资源加载出现异常，则识别反馈信息的异常反馈类型；若识别结果表征反馈信息的类型为第一异常反馈类型，则调用预置的构建工具插件中的第一异常处理钩子对目标单页面应用的资源加载异常进行处理，并获取处理的结果数据；根据结果数据，对目标单页面应用进行页面渲染。从而避免前端和目标服务器之间的多次沟通，降低资源浪费。
1、单页面应用(single page application，spa)，指的是一个web网站中只有唯一的一个html页面，所有的功能与交互都在这唯一的一个页面内完成。一次加载的资源较多。
2、按需加载是前端性能优化的一大措施。顾名思义，按需加载就是根据需要去加载资源。在js中，我们一般通过一些用户行为或者定时任务去触发一些加载动作。比如但不限于以下几个情况：鼠标点击、输入文字、拉动滚动条，鼠标移动、窗口大小更改等。加载的文件，可以是js、图片、css、html等。这个就是按需加载。
3、然而，用户在使用应用过程中，应用开发商对应用进行的版本升级等更新操作后，将要按需加载的内容此时地址发生了改变，在使用此资源时网络请求将发生错误，导致页面奔溃，造成资源浪费。
>7、若所述识别结果表征所述反馈信息的类型为第一异常反馈类型，则调用预置的构建工具插件中的第一异常处理钩子对所述目标单页面应用的资源加载异常进行处理，并获取处理的结果数据；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、在本申请一种可能的实现方式中，所述装置还用于：
50、生成待评价反馈信息；
51、将所述待评价反馈信息发送至预置的用户终端；
52、接收所述用户终端发送的评价反馈信息。
53、在本申请一种可能的实现方式中，在根据所述返回数据，对所述目标单页面应用进行页面渲染之后，所述装置还用于：
54、获取页面操作数据；
55、对所述页面操作数据进行分类，得到操作分类数据。
56、另一方面，本申请还提供一种计算机设备，所述计算机设备包括：
57、一个或多个处理器；
58、存储器；以及
59、一个或多个应用程序，其中所述一个或多个应用程序被存储于所述存储器中，并配置为由所述处理器执行以实现所述的单页面应用资源加载异常处理方法。
60、另一方面，本申请还提供一种计算机可读存储介质，其上存储有本文档来自技高网...
【技术保护点】
1.一种单页面应用资源加载异常处理方法，其特征在于，所述方法包括：
2.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，所述基于所述反馈信息，判断目标单页面应用的资源加载是否出现异常，包括：
3.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，在识别所述反馈信息的异常类型，得到识别结果之后，所述方法还包括：
4.根据权利要求3所述的单页面应用资源加载异常处理方法，其特征在于，所述调用预置的构建工具插件中的第二异常处理钩子，包括：
5.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，在调用预置的构建工具插件中的第一异常处理钩子之前，所述方法还包括：
6.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，所述方法还包括：
7.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，在根据所述返回数据，对所述目标单页面应用进行页面渲染之后，所述方法还包括：
8.一种单页面应用资源加载异常处理装置，其特征在于，所述装置包括：
>9.一种计算机设备，其特征在于，所述计算机设备包括：10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器进行加载，以执行权利要求1至7任一项所述的单页面应用资源加载异常处理方法中的步骤。
...
【技术特征摘要】
1.一种单页面应用资源加载异常处理方法，其特征在于，所述方法包括：
2.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，所述基于所述反馈信息，判断目标单页面应用的资源加载是否出现异常，包括：
3.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，在识别所述反馈信息的异常类型，得到识别结果之后，所述方法还包括：
4.根据权利要求3所述的单页面应用资源加载异常处理方法，其特征在于，所述调用预置的构建工具插件中的第二异常处理钩子，包括：
5.根据权利要求1所述的单页面应用资源加载异常处理方法，其特征在于，在调用预置的构建工具插件中的第一异...
【专利技术属性】
技术研发人员：莫能平，
申请(专利权)人：顺丰科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。