[發明專利]一種頁面顯示方法和裝置

有效

• 申請號: 202010147422.7
• 申請日: 2020-03-05
• 公開（公告）號: CN111428167B
• 公開（公告）日: 2023-09-08
• 發明（設計）人: 林曉銘;馮智泉;江勇
• 申請（專利權）人: 亞美智聯數據科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 華進聯合專利商標代理有限公司 44224
• 代理人: 馮右明

1.一種頁面顯示方法，其特征在于，所述方法包括：

在頁面滾動時，確定待進入屏幕可視區域的目標頁面數據；

根據所述目標頁面數據，判斷緩存池中是否存在可復用的DOM節點；其中，所述緩存池包括一級緩存池和二級緩存池，所述可復用的DOM節點包括進入屏幕非可視區域的頁面數據對應的DOM節點，且所述可復用的DOM節點包括布局有效和內容有效的DOM節點以及布局有效和內容效用待定的DOM節點；所述根據目標頁面數據，判斷緩存池中是否存在可復用的DOM節點，包括：根據所述目標頁面數據，判斷所述一級緩存池或者所述二級緩存池中是否存在可復用的DOM節點；其中，所述一級緩存池用于存放布局有效和內容有效的進入屏幕非可視區域的DOM節點，所述二級緩存池用于存放布局有效但內容效用待定的進入屏幕非可視區域的DOM節點；

若所述緩存池中存在可復用的DOM節點，則根據所述可復用的DOM節點在屏幕可視區域顯示所述目標頁面數據。

2.根據權利要求1所述的方法，其特征在于，所述根據所述目標頁面數據，判斷所述一級緩存池或者所述二級緩存池中是否存在可復用的DOM節點，包括：

判斷所述一級緩存池中是否存在與所述目標頁面數據匹配的DOM節點；

若所述一級緩存池中存在與所述目標頁面數據匹配的DOM節點，則將所述匹配的DOM節點作為可復用的DOM節點，并判定為所述緩存池中存在可復用的DOM節點；

若所述一級緩存池中不存在與所述目標頁面數據匹配的DOM節點，則判斷所述二級緩存池中是否為空；

若所述二級緩存池不為空，則判斷所述二級緩存池中是否存在可復用的DOM節點。

3.根據權利要求2所述的方法，其特征在于，所述判斷所述二級緩存池中是否存在可復用的DOM節點包括：

判斷所述二級緩存池中是否存在與所述目標頁面數據匹配的DOM節點；

若所述二級緩存池中存在與所述目標頁面數據匹配的DOM節點，則將所述匹配的DOM節點作為可復用的DOM節點，并判定為所述緩存池中存在可復用的DOM節點；

若所述二級緩存池中不存在與所述目標頁面數據匹配的DOM節點，則從所述二級緩存池中獲取與所述目標頁面數據不匹配的DOM節點作為可復用的DOM節點，并判定為所述緩存池中存在可復用的DOM節點。

4.根據權利要求3所述的方法，其特征在于，所述根據所述可復用的DOM節點在所述屏幕可視區域顯示所述目標頁面數據，包括：

當所述可復用的DOM節點是所述一級緩存池或者所述二級緩存池中與所述目標頁面數據的匹配的DOM節點時，將所述可復用的DOM節點添加至所述頁面，以在所述屏幕可視區域顯示所述目標頁面數據；

當所述可復用的DOM節點是所述二級緩存池中與所述目標頁面數據不匹配的DOM節點時，將所述目標頁面數據替換所述可復用的DOM節點中的頁面數據后添加至所述頁面，以在所述屏幕可視區域顯示所述目標頁面數據。

5.根據權利要求1所述的方法，其特征在于，在頁面滾動時，確定待進入屏幕可視區域的目標頁面數據之后，所述方法還包括：

獲取待進入屏幕非可視區域的頁面數據對應的DOM節點；

當所述一級緩存池中的DOM節點的數量沒有達到預設數量時，將所述待進入屏幕非可視區域的頁面數據對應的DOM節點保存至所述一級緩存池中。

6.根據權利要求5所述的方法，其特征在于，在頁面滾動時，確定待進入屏幕可視區域的目標頁面數據之后，所述方法還包括：

當所述一級緩存池中的DOM節點的數量達到預設數量時，將所述一級緩存池中的DOM節點移動到所述二級緩存池，并將所述待進入屏幕非可視區域的頁面數據對應的DOM節點保存至所述一級緩存池中。

7.根據權利要求1所述的方法，其特征在于，在頁面滾動時，確定待進入屏幕可視區域的目標頁面數據之后，所述方法還包括：

若所述緩存池中不存在可復用的DOM節點，則創建新的DOM節點；

將所述目標頁面數據填入所述新的DOM節點；

根據所述新的DOM節點，在所述屏幕可視區域顯示所述目標頁面數據。