[发明专利]利用前端编程语言优化图片懒加载的方法以及电子设备

权利要求书

1.一种利用前端编程语言优化图片懒加载的方法，其特征在于，包括：

A、当网页通过图片懒加载的方式加载缓存图片时，判断所述缓存图片的当前节点是否渲染完成；

B、当所述缓存图片的当前节点渲染完成时，将预先定义的缓存图片显示于网页中；

C、获取目标图片的目标节点，并判断目标节点是否满足预设的图片属性信息，以及目标节点是否完成渲染；

D、当所述目标节点满足所述图片属性信息以及目标节点已经完成渲染时，则获取目标图片的目标地址，并根据所述目标地址加载目标图片，并通过目标图片替换所述缓存图片，以及显示所述目标图片。

2.根据权利要求1所述利用前端编程语言优化图片懒加载的方法，其特征在于，所述图片属性信息包括参考节点、参照区域、相交区域和相交比例的一种的或几种。

3.根据权利要求1所述利用前端编程语言优化图片懒加载的方法，其特征在于，所述步骤C中，判断目标节点是否满足预设的图片属性信息具体包括：

监听目标节点的位置是否发生变化；

当发生变化时，判断目标节点的位置变化是否满足所述图片属性信息。

4.根据权利要求1所述利用前端编程语言优化图片懒加载的方法，其特征在于，所述步骤C中，判断目标节点是否完成渲染具体包括：

将监听事件推入栈内存；

等待监听事件是否接收到通知。

5.根据权利要求4述利用前端编程语言优化图片懒加载的方法，其特征在于，所述步骤D具体包括：

D1、当所述目标节点满足所述图片属性信息以及目标节点已经完成渲染时，向所述栈内存发送获取目标地址的指令；

D2、读取所述栈内存中的目标地址，并根据目标地址加载目标图片；

D3、通过目标图片替换所述缓存图片，以及显示所述目标图片。

6.根据权利要求5述利用前端编程语言优化图片懒加载的方法，其特征在于，所述步骤D3后包括：

E、结束对目标节点的监听，并释放栈内存存储的目标地址。

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

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

当网页通过图片懒加载的方式加载缓存图片时，判断所述缓存图片的当前节点是否渲染完成；

当所述缓存图片的当前节点渲染完成时，将预先定义的缓存图片显示于网页中；

获取目标图片的目标节点，并判断目标节点是否满足预设的图片属性信息，以及目标节点是否完成渲染；

当所述目标节点满足所述图片属性信息以及目标节点已经完成渲染时，则获取目标图片的目标地址，并根据所述目标地址加载目标图片，并通过目标图片替换所述缓存图片，以及显示所述目标图片。

8.根据权利要求7所述电子设备，其特征在于，所述图片属性信息包括参考节点、参照区域、相交区域和相交比例的一种的或几种。

9.一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行权利要求1-6任一项所述的利用前端编程语言优化图片懒加载的方法。

10.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-6任一项所述的利用前端编程语言优化图片懒加载的方法。