[發明專利]圖片的懶加載方法及裝置、介質和電子設備

在審

• 申請號: 201910754124.1
• 申請日: 2019-08-15
• 公開（公告）號: CN112395535A
• 公開（公告）日: 2021-02-23
• 發明（設計）人: 莫寶軍
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957;G06F9/445
• 代理公司: 深圳市隆天聯鼎知識產權代理有限公司 44232
• 代理人: 劉抗美

1.一種圖片的懶加載方法，其特征在于，所述方法包括：

為待懶加載的目標圖片構建自定義元素；

將所述目標圖片的地址信息存儲于所述自定義元素中；

監測所述自定義元素，響應于所述自定義元素與視窗存在交叉區域，從所述自定義元素中獲取所述地址信息；

根據所述地址信息，在所述視窗中顯示所述目標圖片，實現對所述目標圖片的懶加載。

2.根據權利要求1所述的圖片的懶加載方法，其特征在于，

所述為待懶加載的目標圖片構建自定義元素，包括：

為待懶加載的目標圖片構建超文本標記語言格式的自定義元素；

在所述自定義元素中設置鉤子函數，以用于綁定交叉觀察器和所述自定義元素；

所述監測所述自定義元素，包括：

通過所述交叉觀察器檢測所述自定義元素。

3.根據權利要求2所述的圖片的懶加載方法，其特征在于，所述將所述目標圖片的地址信息存儲于所述自定義元素中，包括：

將所述目標圖片的地址信息存儲于所述自定義元素的任一屬性中。

4.根據權利要求1至3中任意一項所述的圖片的懶加載方法，其特征在于，所述根據所述地址信息，在所述視窗中顯示所述目標圖片，包括：

實例化圖片標簽對象；

從所述自定義元素中獲取所述地址信息，并將所述地址信息賦值給所述圖片標簽對象的屬性，以在所述視窗中顯示所述目標圖片。

5.根據權利要求1至3中任意一項所述的圖片的懶加載方法，其特征在于，

所述為待懶加載的目標圖片構建自定義元素，包括：

為待懶加載的目標圖片構建超文本標記語言格式的自定義元素；

通過所述自定義元素繼承超文本標記語言的元素類；

所述從所述自定義元素中獲取所述地址信息，包括：

通過超文本標記語言的元素類的屬性獲取方法獲取所述地址信息。

6.根據權利要求5所述的圖片的懶加載方法，其特征在于，所述根據所述地址信息，在所述視窗中顯示所述目標圖片，包括：

實例化圖片標簽對象；

通過超文本標記語言的元素類的屬性獲取方法從所述自定義元素中獲取所述地址信息，并將所述地址信息賦值給所述圖片標簽對象的屬性；

通過超文本標記語言的元素類的子節點添加方法，將賦值后的圖片標簽對像添加至所述自定義元素的孩子節點中，以在所述視窗中顯示所述目標圖片。

7.根據權利要求2所述的圖片的懶加載方法，其特征在于，在所述視窗中顯示所述目標圖片之后，所述方法還包括：

解綁所述交叉觀察器和所述自定義元素，以結束對所述自定義元素的監測。

8.一種圖片的懶加載裝置，其特征在于，所述裝置包括：

自定義元素構建模塊，被配置為為待懶加載的目標圖片構建自定義元素；

圖片地址存儲模塊，被配置為將所述目標圖片的地址信息存儲于所述自定義元素中；

自定義元素監測模塊，被配置為監測所述自定義元素，響應于所述自定義元素與視窗存在交叉區域，從所述自定義元素中獲取所述地址信息；

圖片顯示模塊，被配置為根據所述地址信息，在所述視窗中顯示所述目標圖片，實現對所述目標圖片的懶加載。

9.一種計算機存儲介質，其特征在于，其上存儲有計算機程序，所述計算機程序被處理器執行時實現如權利要求1至7中任意一項所述的圖片的懶加載方法。

10.一種電子設備，其特征在于，所述電子設備包括：

一個或多個處理器；

存儲裝置，用于存儲一個或多個程序，當所述一個或多個程序被所述一個或多個處理器執行時，使得所述一個或多個處理器實現如權利要求1至7中任意一項所述的圖片的懶加載方法。