[发明专利]资源加载方法、装置、电子设备及计算机存储介质

权利要求书

1.一种资源加载方法，其特征在于，包括：

展示当前页面；

响应于进入可见展示区域，加载对应的骨架组件；其中，所述骨架组件用于在资源数据尚未加载前先给用户展示出页面结构；

当所述骨架组件与所述可见展示区域满足预设条件时，加载所述可见展示区域内所述骨架组件对应的资源数据；

根据渲染参数和所述骨架组件在所述可见展示区域内渲染加载的资源数据。

2.根据权利要求1所述的方法，其特征在于，确定所述骨架组件与所述可见展示区域满足预设条件，包括：

通过IntersectionObserver应用程序编程接口API自动监测所述骨架组件是否进入所述可见展示区域；

当所述IntersectionObserverAPI监测到所述骨架组件进入所述可见展示区域时，确定所述骨架组件与所述可见展示区域满足预设条件。

3.根据权利要求1或2所述的方法，其特征在于，确定所述骨架组件与所述可见展示区域满足预设条件，包括：

确定所述骨架组件与视口产生的交叉区范围；

当所述范围大于预设范围时，确定所述骨架组件进入所述可见展示区域。

4.根据权利要求1或2所述的方法，其特征在于，确定所述骨架组件与所述可见展示区域满足预设条件，包括：

确定所述骨架组件与视口外边距的距离；

当所述距离小于预设距离时，确定所述骨架组件进入所述可见展示区域。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述方法还包括：

确定当前加载所述资源数据的当前等待时间，当所述当前等待时间大于预设等待时间时，自动加载所述资源数据。

6.根据权利要求1所述的方法，其特征在于，所述加载所述可见展示区域内所述骨架组件对应的资源数据，包括：

当检测到终端设备的当前显示界面进入当前页面时，加载懒加载组件；

通过所述懒加载组件加载所述可见展示区域内所述骨架组件对应的资源数据。

7.根据权利要求6所述的方法，其特征在于，所述通过所述懒加载组件加载所述可见展示区域内所述骨架组件对应的资源数据，包括：

将加载资源数据时的预设等待时间、视口、视口滚动方向、所述骨架组件进入所述视口的预设范围、视口外边距中的执行一个参数作为所述懒加载组件的组件参数；

所述懒加载组件基于所述组件参数加载所述可见展示区域内所述骨架组件对应的资源数据。

8.根据权利要求1-7任一项所述的方法，其特征在于，所述根据渲染参数和所述骨架组件在所述可见展示区域内渲染加载的资源数据，包括：

确定当前渲染等待时间，当所述当前渲染等待时间大于最大等待时间时，根据渲染参数和所述骨架组件在所述可见展示区域内自动渲染加载的资源数据。

9.根据权利要求1-7任一项所述的方法，其特征在于，所述根据渲染参数和所述骨架组件在所述可见展示区域内渲染加载的资源数据，包括：

准备加载懒加载组件，所述懒加载组件中包含所述渲染参数；

开始加载所述懒加载组件，所述骨架组件开始消失；

通过所述懒加载组件在所述可见展示区域内渲染加载的资源数据，所述骨架组件开始离开；

所述骨架组件已经离开；

初始化完成，实现动画渲染。

10.一种资源加载装置，其特征在于，包括：

页面展示模块，用于展示当前页面；

加载模块，用于响应于进入可见展示区域，加载对应的骨架组件；其中，所述骨架组件用于在资源数据尚未加载前先给用户展示出页面结构；当所述骨架组件与所述可见展示区域满足预设条件时，加载所述可见展示区域内所述骨架组件对应的资源数据；

渲染模块，用于根据渲染参数和所述骨架组件在所述可见展示区域内渲染加载的资源数据。