一种基于web的资源快速访问方法、系统、介质及设备与流程

1.本发明涉及资源访问领域，特别是涉及一种基于web的资源快速访问方法、系统、介质及设备。


背景技术：

2.随着web2.0兴起，web应用程序已经大规模的采用类似于c/s架构的模式在b/s应用中使用，其页面的用户界面(ui，user interface)由网页前端js语言渲染，使得网页前端和服务端在协作上得到了真正分离，大大提升了协作效率。
3.网页前端开发是创建web页面或者wap等前端界面呈现给用户的工程，呈现过程中，遇到页面加载慢、请求时间过长、页面404等阻塞浏览器响应，即用户在浏览家装信息流页面时，往往想要更快的看到页面的内容，但因为以上页面加载缓慢等情况，耗时较长，无法达到页面快速打开的目的，非常影响用户体验。


技术实现要素：

4.鉴于以上所述现有技术的缺点，本发明的目的在于提供一种基于web的资源快速访问方法、系统、存储介质及设备，用于解决现有技术中的以上问题。
5.为实现上述目的及其他相关目的，本发明提供一种基于web的资源快速访问方法，所述方法包括：创建单独的javascript文件并将所述文件添加到一个worker中；在worker执行初始任务后启动worker；接收主线程调用worker.postmessage()发送的执行任务；接收到执行任务消息后运行线程任务并将获取的通信数据存储到介质中；在主线程通过onmessage监听到所述通信数据存储成功后向主线程返回所述通信数据。
6.于本发明一实施例中，所述方法还包括：通过xml的方式访问网络获取所述通信数据存储到浏览器locastorage中。
7.于本发明一实施例中，所述方法还包括：接收执行任务后根据所述通信数据文件名称判断所述通信数据是否存在于service容器，若是，则通过fetch拦截所述执行任务，并将service容器中所述通信数据返回给主线程；若否，则执行任务并接收服务端发送的所述通信数据，将获取的所述通信数据缓存到service容器，其中，服务端在发送所述通信数据前，使用md5密钥方式修改资源文件名称；所述service容器中的通信数据在缓存后时间达到预设值后被自动删除。
8.于本发明一实施例中，所述方法还包括：对所述通信数据进行数据类型转化；将转化后的所述通信数据发送给主线程；还原所述通信数据的数据类型。
9.于本发明一实施例中，所述方法中还包括：所述转化后数据类型包括二进制数据、objects。
10.于本发明一实施例中，所述方法还包括：在将所述通信数据返回给主线程后关闭所述worker。
11.于本发明一实施例中，所述方法还包括：所述进入缓存的通信数据类型包括
javascript文件、html文件、json文件。
12.为实现上述目的及其他相关目的，本发明提供基于web的资源访问系统，所述系统包括：创建模块，用于创建worker；接收模块，用于接收主线程调用worker.postmessage()发送的执行任务；执行模块，用于执行接收到的主线程发送的执行任务；存储模块，用于将执行任务获取的通信数据存储到介质中；发送模块，用于将所述通信数据返回给主线程。
13.为实现上述目的及其他相关目的，本发明提供一种计算机可读存储介质，其中存储有计算机程序，所述计算机程序被处理器加载执行时，实现所述的基于web的资源快速访问方法。
14.为实现上述目的及其他相关目的，本发明提供一种电子设备，包括：处理器、存储器及通信接口；其中，所述存储器用于存储计算机程序；所述处理器用于加载执行所述计算机程序，以使所述电子设备执行所述的基于web的资源快速访问方法；所述通信接口用于实现访问装置与其他设备之间的通信。
15.如上所述，本发明提供的一种基于web的资源快速访问方法、系统、介质及设备，针对前端页面呈现过程中出现的页面加载慢、请求时间过长、页面404等阻塞浏览器响应的问题，采用浏览器线程机制提高网络获取内容的速度和减少开销流量，同时解决了页面ui白屏、服务器宕机数据无法保存等问题，优化了页面数据访问性能。
附图说明
16.图1显示为本发明一实施例中的基于web的资源快速访问方法的流程示意图。
17.图2显示为本发明一实施例中的基于web的资源访问系统的模块示意图。
18.图3显示为本发明一实施例中的电子设备的结构示意图。
具体实施方式
19.以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。
20.需要说明的是，以下实施例中所提供的图示仅以示意方式说明本发明的基本构想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。
21.为了解决现有技术中因客服主管进行人工分单和自动派单系统按单量进行派单两种方法造成的无法发挥客户留资的最大价值、无法提高整体订单转化率以及无法创造激励效果的问题，本发明提供一种基于web的资源快速访问方法、系统、介质及设备。
22.如图1所示，本实施例提供一种基于web的资源快速访问方法，该方法包括如下步骤：
23.s11：创建单独的javascript文件并将所述文件添加到一个worker中。
24.具体地，在前端展示对应的javascript文件或者全局入口文件中，采用new命名，调用worker()构造函数创建一个新的worker，例如：
25.const worker＝new worker(
‘
xxx.js’)。
26.s12：在worker执行初始任务后启动worker。
27.具体地，在worker线程中执行必要初始化任务后启动worker。
28.s13：接收主线程调用worker.postmessage()发送的执行任务。
29.具体地，主线程调用worker.postmessage()方法，向worker发送执行任务,告知worker在不影响主线程的情况下执行任务。
30.s14：接收到执行任务消息后运行线程任务并将获取的通信数据存储到介质中。
31.具体地，worker在接收到主线程发送的任务后通过访问网络获取所述通信数据存储到浏览器locastorage中，例如，通过xml的方式访问网络获取主线程所需的通信数据。
32.优选地，在获取到新的通信数据后将通信数据存储于service容器中。主线程通过onmessage进行监听需要获取的通信数据是否存在于service容器，监听方式为根据需要获取的通信数据文件名称判断该通信数据是否存在于service容器，若是，worker通过fetch拦截主线程发送的执行任务，并将service容器中该通信数据返回给主线程；若否，worker则在接收到任务后执行任务并接收服务端发送的通信数据，将获取的新通信数据缓存到service容器，需要说明的是，服务端在发送通信数据前，使用md5密钥方式修改通信数据资源文件名称。其中，可以进行缓存的通信数据类型包括javascript文件、html文件、json文件。
33.进一步地，若长时间未接收到新的通信数据，worker缓存工作进入睡眠模式，自动进入休眠模式，减少浏览器资源浪费。若有新的通信数据产生时，触发缓存机制对通信数据进行缓存。
34.优选地，在主线程中设定定时任务，通过获取service容器中所有文件，使用md5解密文件名以获取文件缓存时间戳，计算当前时间戳与缓存时间戳的时间差，在时间差达到设定定时任务的时间值时通过定时任务自动删除该文件。
35.s15：在主线程通过onmessage监听到所述通信数据存储成功后向主线程返回通信数据。
36.具体地，主线程通过onmessage在service容器中或者其他介质中监听到有所需的通信数据后，worker首先对该通信数据进行数据类型转化，可以将通信数据类型转化为二进制数据、transferable objects，例如file、blob、手机号码等。
37.进一步地，将转化后的通信数据通过postmessage()发送给主线程。并在数据发送后对通信数据的数据类型进行还原。
38.进一步的，若worker成功将通信数据返回后，通过worker.terminate()关闭所述worker。否则向主线程告知失败。
39.实现上述各方法实施例的全部或部分步骤可以通过计算机程序相关的硬件来完成。基于这样的理解，本发明还提供一种计算机程序产品，包括一个或多个计算机指令。所述计算机指令可以存储在计算机可读存储介质中。所述计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。
40.参阅图2，本实施例提供一种基于web的资源访问系统20，作为一款软件搭载于电子设备中，以在运行时执行前述方法实施例所述的基于web的资源快速访问方法。由于本系统实施例的技术原理与前述方法实施例的技术原理相似，因而不再对同样的技术细节做重复性赘述。
41.本实施例的基于web的资源访问系统20具体包括：创建模块21、接收模块22、执行模块23、存储模块24、发送模块25。创建模块21用于创建worker；接收模块22用于接收主线程调用worker.postmessage()发送的执行任务；执行模块23用于执行接收到的主线程发送的执行任务；存储模块24用于将执行任务获取的通信数据存储到介质中；发送模块25用于将所述通信数据返回给主线程。
42.本领域技术人员应当理解，图2实施例中的各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个或多个物理实体上。且这些模块可以全部以软件通过处理元件调用的形式实现，也可以全部以硬件的形式实现，还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。例如，执行模块22可以为单独设立的处理元件，也可以集成在某一个芯片中实现，此外，也可以以程序代码的形式存储于存储器中，由某一个处理元件调用并执行执行模块22的功能。其它模块的实现与之类似。这里所述的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
43.参阅图3，本实施例提供一种电子设备，电子设备可以是便携式电脑、智能手机、平板电脑等设备。详细的，电子设备至少包括通过总线31连接的：存储器32、处理器33，通信接口34，其中，通信接口34用于用于实现数据访问装置与其他设备之间的通信其中，存储器32用于存储计算机程序，处理器33用于执行存储器32存储的计算机程序，以执行前述方法实施例中的全部或部分步骤。
44.上述提到的系统总线可以是外设部件互连标准(peripheral pomponent interconnect，简称pci)总线或扩展工业标准结构(extended industry standard architecture，简称eisa)总线等。该系统总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。通信接口用于实现数据库访问装置与其他设备(例如客户端、读写库和只读库)之间的通信。存储器可能包含随机存取存储器(random access memory，简称ram)，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
45.上述的处理器可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、网络处理器(network processor，简称np)等；还可以是数字信号处理器(digital signal processing，简称dsp)、专用集成电路(application specific integrated circuit，简称asic)、现场可编程门阵列(field－programmable gate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
46.综上所述，本发明提供的一种基于web的资源快速访问方法、系统、介质及设备，针对前端页面呈现过程中出现的页面加载慢、请求时间过长、页面404等阻塞浏览器响应的问题，采用浏览器线程机制提高网络获取内容的速度和减少开销流量，同时通过拦截并修改访问和资源请求，细粒度地缓存资源，能够加快解密算法，节约计算资源；提升数据加载速
度，更快让浏览器得到数据后渲染页面；减少浏览器内存堆积；解决页面ui白屏、服务器宕机数据无法保存等问题，优化了页面数据访问性能。所以，本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。
47.上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。