[发明专利]图片的懒加载方法及装置、介质和电子设备

权利要求书

1.一种图片的懒加载方法，其特征在于，所述方法包括：

为待懒加载的目标图片构建自定义元素；

将所述目标图片的地址信息存储于所述自定义元素中；

监测所述自定义元素，响应于所述自定义元素与视窗存在交叉区域，从所述自定义元素中获取所述地址信息；

根据所述地址信息，在所述视窗中显示所述目标图片，实现对所述目标图片的懒加载。

2.根据权利要求1所述的图片的懒加载方法，其特征在于，

所述为待懒加载的目标图片构建自定义元素，包括：

为待懒加载的目标图片构建超文本标记语言格式的自定义元素；

在所述自定义元素中设置钩子函数，以用于绑定交叉观察器和所述自定义元素；

所述监测所述自定义元素，包括：

通过所述交叉观察器检测所述自定义元素。

3.根据权利要求2所述的图片的懒加载方法，其特征在于，所述将所述目标图片的地址信息存储于所述自定义元素中，包括：

将所述目标图片的地址信息存储于所述自定义元素的任一属性中。

4.根据权利要求1至3中任意一项所述的图片的懒加载方法，其特征在于，所述根据所述地址信息，在所述视窗中显示所述目标图片，包括：

实例化图片标签对象；

从所述自定义元素中获取所述地址信息，并将所述地址信息赋值给所述图片标签对象的属性，以在所述视窗中显示所述目标图片。

5.根据权利要求1至3中任意一项所述的图片的懒加载方法，其特征在于，

所述为待懒加载的目标图片构建自定义元素，包括：

为待懒加载的目标图片构建超文本标记语言格式的自定义元素；

通过所述自定义元素继承超文本标记语言的元素类；

所述从所述自定义元素中获取所述地址信息，包括：

通过超文本标记语言的元素类的属性获取方法获取所述地址信息。

6.根据权利要求5所述的图片的懒加载方法，其特征在于，所述根据所述地址信息，在所述视窗中显示所述目标图片，包括：

实例化图片标签对象；

通过超文本标记语言的元素类的属性获取方法从所述自定义元素中获取所述地址信息，并将所述地址信息赋值给所述图片标签对象的属性；

通过超文本标记语言的元素类的子节点添加方法，将赋值后的图片标签对像添加至所述自定义元素的孩子节点中，以在所述视窗中显示所述目标图片。

7.根据权利要求2所述的图片的懒加载方法，其特征在于，在所述视窗中显示所述目标图片之后，所述方法还包括：

解绑所述交叉观察器和所述自定义元素，以结束对所述自定义元素的监测。

8.一种图片的懒加载装置，其特征在于，所述装置包括：

自定义元素构建模块，被配置为为待懒加载的目标图片构建自定义元素；

图片地址存储模块，被配置为将所述目标图片的地址信息存储于所述自定义元素中；

自定义元素监测模块，被配置为监测所述自定义元素，响应于所述自定义元素与视窗存在交叉区域，从所述自定义元素中获取所述地址信息；

图片显示模块，被配置为根据所述地址信息，在所述视窗中显示所述目标图片，实现对所述目标图片的懒加载。

9.一种计算机存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的图片的懒加载方法。

10.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1至7中任意一项所述的图片的懒加载方法。