页面加载方法及客户端技术

本申请实施例公开了一种页面加载方法即及客户端。其中，该方法包括：客户端加载首页对应的第一页面，所述第一页面包括目标组件，其中，所述目标组件为待加载页面的组件；所述客户端监听所述目标组件是否发起页面加载请求；若所述客户端监听到所述页面加载请求，则所述客户端向服务器发送所述页面加载请求；所述客户端接收所述服务器发送的所述目标组件对应的源文件；所述客户端解析所述源文件，获得第二页面，所述客户端在所述第一页面中加载所述第二页面。采用本申请，可提高页面加载速度。

Page Loading Method and Client

The embodiment of this application discloses a page loading method, i.e. a client. The method includes: the client loads the first page corresponding to the home page, and the first page includes the target component, in which the target component is the component of the page to be loaded; the client monitors whether the target component initiates the page loading request; and if the client monitors the page loading request, the client sends the page loading to the server. The client receives the source file corresponding to the target component sent by the server; the client parses the source file and obtains a second page in which the client loads the second page. With this application, page loading speed can be improved.

【技术实现步骤摘要】
页面加载方法及客户端
本申请涉及计算机
，尤其涉及一种页面加载方法及客户端。
技术介绍
单页Web应用(singlepagewebapplication，SPA)本身可以看做一个大页面，展示不同的内容只是页面之中不同的内容请求。SPA应用能够降低页面之间的切换时间，对于用户来说，可以使用户拥有更好的页面切换体验。对于开发者来说，SPA应用易于部署，且前后端分离，使开发者拥有更高的开发效率，且易于SPA应用的后期维护。但是，对于大型SPA项目来说，若该SPA项目的复杂性过高，则浏览器在解析该SPA应用的css和js代码时会造成解析缓慢甚至空白，功能样式暂时缺失的问题。因此，对于SPA应用的研究是本领域技术人员正在研究的问题。
技术实现思路
本申请提供了一种页面加载方法及相关装置，用于加载网页页面，可以提高首页页面的加载速度，并且实现对首页页面中目标组件的按需加载，提高页面加载速度。第一方面，本申请提供了一种页面加载方法，包括：客户端加载首页对应的第一页面，所述第一页面包括目标组件，其中，所述目标组件为待加载页面的组件；所述客户端监听所述目标组件是否发起页面加载请求；若所述客户端监听到本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，所述方法包括：客户端加载首页对应的第一页面，所述第一页面包括目标组件，其中，所述目标组件为待加载页面的组件；所述客户端监听所述目标组件是否发起页面加载请求；若所述客户端监听到所述页面加载请求，则所述客户端向服务器发送所述页面加载请求；所述客户端接收所述服务器发送的所述目标组件对应的源文件；所述客户端解析所述源文件，获得第二页面，所述客户端在所述第一页面中加载所述第二页面。

【技术特征摘要】
1.一种页面加载方法，其特征在于，所述方法包括：客户端加载首页对应的第一页面，所述第一页面包括目标组件，其中，所述目标组件为待加载页面的组件；所述客户端监听所述目标组件是否发起页面加载请求；若所述客户端监听到所述页面加载请求，则所述客户端向服务器发送所述页面加载请求；所述客户端接收所述服务器发送的所述目标组件对应的源文件；所述客户端解析所述源文件，获得第二页面，所述客户端在所述第一页面中加载所述第二页面。2.根据权利要求1所述的方法，其特征在于，在客户端加载首页对应的第一页面之前，所述方法还包括：所述客户端通过消息摘要算法对所述首页对应的首页文件进行加密，得到包含散列值的所述首页文件；所述客户端判断所述首页文件中的散列值是否变更；在所述散列值变更的情况下，所述客户端对所述首页文件进行哈希运算，得到包含哈希值的所述首页文件，其中，所述首页文件用于保存所述第一页面。3.根据权利要求2所述的方法，其特征在于，在所述客户端加载首页对应的第一页面之前，所述方法还包括：所述客户端接收模块打包指令；所述客户端根据所述模块打包指令将所述目标组件打包到所述首页文件中。4.根据权利要求3所述的方法，其特征在于，在所述客户端加载首页对应的第一页面之前，所述方法还包括：所述客户端接收代码压缩指令；所述客户端根据所述代码压缩指令压缩所述首页文件中的代码。5.根据权利要求4所述的方法，其特征在于，在所述客户端加载首页对应的第一页面之前，所述方法还包括：所述客户端通过代码检测工具检测所述首页文件中的代码是否规范；若所述首页文件中的代码不规范，则输出提示信息。6.根据权利要求...

【专利技术属性】
技术研发人员：王超，
申请(专利权)人：中国平安财产保险股份有限公司，
类型：发明
国别省市：广东,44