【技术实现步骤摘要】
页面的生成方法及装置、电子设备、存储介质
[0001]本公开涉及前端交互领域，具体而言，涉及一种页面的生成方法及装置、电子设备、存储介质。
技术介绍
[0002]如今图片作为网站展示的重要部分，例如，通过懒加载的方式去加载页面资源时，在普通网络环境下，由于懒加载的方式滚动到当前可视区域才去加载当前区域的静态资源，使得该网站首屏渲染在加载后还存在大面积图片未加载完毕，等待大概一段时间后全部图片才加载完毕，此时点击跳转链接切换到其他页面，发现还存在该情况，仍需等待一段时间全部图片才加载完毕，很影响用户体验。
[0003]针对上述中对于页面的静态资源加载效率较低，导致用户体验较差的问题，目前尚未提出解决方案。
[0004]需要说明的是，在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
[0005]本公开实施例的目的在于提供一种页面的生成方法及装置、电子设备、存储介质，进而至少在一定程度上克服相关技术中针对页面的静态...
【技术保护点】
【技术特征摘要】
1.一种页面的生成方法，其特征在于，包括：读取原始页面中的目标页面元素，并提取所述目标页面元素关联的路由页面路径；依据所述路由页面路径确定对应的路由页面的预加载样式文件，其中，所述预加载样式文件包含所述路由页面路径下的静态资源地址；将一脚本文件植入所述原始页面生成目标页面；其中，所述脚本文件用于获取所述目标页面在当前视窗内的目标页面元素关联的路由页面路径，并隐式加载与所述路由页面路径分别对应的预加载样式文件；以及，用于响应于监听到针对所述页面元素的悬浮事件，基于所述预加载样式文件，隐式加载所述预加载样式文件包含的所述路由页面路径所对应的静态资源。2.根据权利要求1所述的方法，其特征在于，获取所述目标页面在当前视窗内的所述目标页面元素关联的路由页面路径包括：获取所述目标页面中的所有页面元素的文件路径；从所述所有页面元素的文件路径中获取所述路由页面路径。3.根据权利要求1所述的方法，其特征在于，在获取所述目标页面在当前视窗内的所述目标页面元素关联的路由页面路径之后，所述方法还包括：确定所述路由页面路径包含的所述静态资源地址；构造所述静态资源地址所属的静态资源地址队列；将所述路由页面路径作为键值、所述静态资源地址队列作为所述键值对应的值存储至目标对象中。4.根据权利要求3所述的方法，其特征在于，依据所述路由页面路径确定预加载样式文件包括：获取所述目标对象中的所述静态资源地址队列；将所述静态资源地址队列中的所述静态资源地址与预先配置的空节点进行拼接，得到所述预加载样式文件，其中，所述空节点的样式配置方式包括如下至少之一：将所述空节点左移出所述当前视窗、将所述空节点对应得图层为底层、将所述空节点的透明度设置为目标阈值。5.根据权利要求4所述的方法，其特征在于，在响应于监听到针对所述页面元素的悬浮事件时，基于所述预加载样式文件，隐式加载所述预加载样式文件包含的所述路由页面路径所关联的静态资源包括：获取所述预加载样式文件定义的静态资源样式属性；根据所述样式属性隐式加载所述路由页面路径所关联的所述静态资源，并将所述静态资源存储至目标缓存中。6.一种页面的加载方法，其特征在于，包括：获取目标页面在当前视窗内的目标页面元素关联的路由页面路径；获取所述路由页面路径对应的预加载样式文件；其中，所述预加载样式文...
【专利技术属性】
技术研发人员：杨泽伟，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。