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

有效

• 申請?zhí)枺?/td>: 202010147422.7
• 申請日: 2020-03-05
• 公開（公告）號: CN111428167B
• 公開（公告）日: 2023-09-08
• 發(fā)明（設計）人: 林曉銘;馮智泉;江勇
• 申請（專利權）人: 亞美智聯(lián)數(shù)據(jù)科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 華進聯(lián)合專利商標代理有限公司 44224
• 代理人: 馮右明

本申請涉及一種頁面顯示方法和裝置。所述方法包括：在頁面滾動時，確定待進入屏幕可視區(qū)域的目標頁面數(shù)據(jù)；根據(jù)所述目標頁面數(shù)據(jù)，判斷緩存池中是否存在可復用的DOM節(jié)點；所述可復用的DOM節(jié)點包括進入屏幕非可視區(qū)域的頁面數(shù)據(jù)對應的DOM節(jié)點，且所述可復用的DOM節(jié)點包括布局有效和內容有效的DOM節(jié)點以及布局有效和內容效用待定的DOM節(jié)點；若所述緩存池中存在可復用的DOM節(jié)點，則根據(jù)所述可復用的DOM節(jié)點在屏幕可視區(qū)域顯示所述目標頁面數(shù)據(jù)。本申請節(jié)省了新建DOM節(jié)點所需要花費的時間，提高界面渲染速度，同時也極大地節(jié)省了內存空間，避免設備卡頓。

技術領域

本申請涉及前端技術領域，特別是涉及一種頁面顯示方法、裝置、計算機設備和存儲介質。

背景技術

隨著終端技術的發(fā)展，個人計算機等設備已經(jīng)逐漸成為用戶生活中不可分割一部分。設備中可以安裝瀏覽器，以通過瀏覽器的頁面來獲取信息。

DOM(Document?Object?Model，文檔對象模型)，可以以一種獨立于平臺和語言的方式訪問和修改一個頁面文檔的內容和結構，是表示和處理HTML(HyperText?MarkupLanguage，超文本標記語言)或XML(Extensible?Markup?Language，可擴展標記語言)文檔的常用方法。瀏覽器在加載頁面的頁面數(shù)據(jù)時，瀏覽器將頁面數(shù)據(jù)分別添加到DOM節(jié)點中，從而可以在屏幕可視區(qū)域進行頁面數(shù)據(jù)的顯示。

然而，當頁面的頁面數(shù)據(jù)比較多的時候，需要在內存中創(chuàng)建大量的DOM節(jié)點來承載頁面數(shù)據(jù)，這些DOM節(jié)點會持續(xù)占用內存空間，在DOM節(jié)點不能得到有效釋放的情況下，最終會導致內存空間不足，造成卡頓。

發(fā)明內容

基于此，有必要針對上述技術問題，提供一種能夠減少內存空間占用，避免造成設備卡頓的頁面顯示方法、裝置、計算機設備和存儲介質。

一種頁面顯示方法，所述方法包括：

在頁面滾動時，確定待進入屏幕可視區(qū)域的目標頁面數(shù)據(jù)；

根據(jù)所述目標頁面數(shù)據(jù)，判斷緩存池中是否存在可復用的DOM節(jié)點；所述可復用的DOM節(jié)點包括進入屏幕非可視區(qū)域的頁面數(shù)據(jù)對應的DOM節(jié)點，且所述可復用的DOM節(jié)點包括布局有效和內容有效的DOM節(jié)點以及布局有效和內容效用待定的DOM節(jié)點；

若所述緩存池中存在可復用的DOM節(jié)點，則根據(jù)所述可復用的DOM節(jié)點在屏幕可視區(qū)域顯示所述目標頁面數(shù)據(jù)。

在一示例性實施例中，所述緩存池包括一級緩存池和二級緩存池，所述根據(jù)目標頁面數(shù)據(jù)，判斷緩存池中是否存在可復用的DOM節(jié)點，包括：

根據(jù)所述目標頁面數(shù)據(jù)，判斷所述一級緩存池或者所述二級緩存池中是否存在可復用的DOM節(jié)點；其中，所述一級緩存池用于存放布局有效和內容有效的進入屏幕非可視區(qū)域的DOM節(jié)點，所述二級緩存池用于存放布局有效但內容效用待定的進入屏幕非可視區(qū)域的DOM節(jié)點。

在一示例性實施例中，所述根據(jù)所述目標頁面數(shù)據(jù)，判斷所述一級緩存池或者所述二級緩存池中是否存在可復用的DOM節(jié)點，包括：

判斷所述一級緩存池中是否存在與所述目標頁面數(shù)據(jù)匹配的DOM節(jié)點；

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

若所述一級緩存池中不存在與所述目標頁面數(shù)據(jù)匹配的DOM節(jié)點，則確定所述二級緩存池中是否為空；

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

在一示例性實施例中，所述判斷所述二級緩存池中是否存在可復用的DOM節(jié)點包括：