本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種頁面加載方法及裝置。

背景技術(shù)：

為了方便用戶瀏覽頁面中的內(nèi)容，現(xiàn)有技術(shù)中，基于用戶的滑動操作，會不斷加載新的數(shù)據(jù)內(nèi)容至當(dāng)前頁面中，此種頁面加載模式稱為瀑布流加載模式。此種模式能夠使用戶在短時間內(nèi)獲得更多的信息量同時也避免了用戶鼠標(biāo)點擊的翻頁操作。

在瀑布流加載模式場景中，隨著用戶滑動操作次數(shù)的增多，加載到頁面中的數(shù)據(jù)內(nèi)容也會增多。由于用于顯示頁面內(nèi)容的顯示界面的大小是有限的，往往小于或等于終端屏幕的尺寸，因此會有越來越多的數(shù)據(jù)內(nèi)容是不能被顯示在顯示界面中的，處于非顯示狀態(tài)。但這些處于非顯示狀態(tài)的數(shù)據(jù)內(nèi)容也是需要實時進(jìn)行渲染的，這就增大了客戶端的頁面渲染壓力，還有可能會出現(xiàn)頁面卡頓的現(xiàn)象，降低用戶的使用體驗。

技術(shù)實現(xiàn)要素：

有鑒于此，本發(fā)明實施例提供一種頁面加載方法及裝置，通過使用空白內(nèi)容替換移出顯示界面區(qū)域的內(nèi)容，從而減小客戶端的頁面渲染壓力。

本發(fā)明實施例提供一種頁面加載方法，包括：

響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中；

生成與移出內(nèi)容高度相同的空白內(nèi)容；

以所述空白內(nèi)容替換所述移出內(nèi)容。

可選地，所述響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，包括：

響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若所述頁面中移出所述顯示界面區(qū)域的內(nèi)容已經(jīng)達(dá)到預(yù)設(shè)閾值，則將已經(jīng)達(dá)到所述預(yù)設(shè)閾值的移出內(nèi)容緩存到內(nèi)存中，所述預(yù)設(shè)閾值包括：預(yù)設(shè)高度閾值或預(yù)設(shè)數(shù)據(jù)量閾值。

可選地，所述響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，包括：

響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若預(yù)設(shè)時間內(nèi)所述用戶未觸發(fā)向第二方向?qū)λ鲰撁鎴?zhí)行的滑動操作，則將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，所述第二方向與所述第一方向相反。

可選地，所述方法還包括：

為所述移出內(nèi)容和所述空白內(nèi)容生成對應(yīng)的標(biāo)識。

可選地，所述方法還包括：

若需要顯示所述空白內(nèi)容，則根據(jù)所述標(biāo)識從所述內(nèi)存中獲取所述移出內(nèi)容；

以所述移出內(nèi)容替換所述空白內(nèi)容。

可選地，所述方法還包括：

監(jiān)測用戶向第二方向的滑動操作，若所述空白內(nèi)容的位置與所述顯示界面區(qū)域的邊界位置之間的距離小于預(yù)設(shè)距離，則確定需要顯示所述空白內(nèi)容，其中，所述邊界與所述第二方向?qū)?yīng)，所述第二方向與所述第一方向相反。

本發(fā)明實施例提供一種頁面加載裝置，包括：

緩存模塊，用于響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中；

生成模塊，用于生成與移出內(nèi)容高度相同的空白內(nèi)容；

替換模塊，用于以所述空白內(nèi)容替換所述移出內(nèi)容。

可選地，所述緩存模塊具體用于：

響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若所述頁面中移出所述顯示界面區(qū)域的內(nèi)容已經(jīng)達(dá)到預(yù)設(shè)閾值，則將已經(jīng)達(dá)到所述預(yù)設(shè)閾值的移出內(nèi)容緩存到內(nèi)存中，所述預(yù)設(shè)閾值包括：預(yù)設(shè)高度閾值或預(yù)設(shè)數(shù)據(jù)量閾值。

可選地，所述緩存模塊具體還用于：

響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若預(yù)設(shè)時間內(nèi)所述用戶未觸發(fā)向第二方向?qū)λ鲰撁鎴?zhí)行的滑動操作，則將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，所述第二方向與所述第一方向相反。

可選地，所述裝置還包括：

監(jiān)測模塊，用于監(jiān)測用戶向第二方向的滑動操作，若所述空白內(nèi)容的位置與所述顯示界面區(qū)域的邊界位置之間的距離小于預(yù)設(shè)距離，則確定需要顯示所述空白內(nèi)容，其中，所述邊界與所述第二方向?qū)?yīng)，所述第二方向與所述第一方向相反。

本發(fā)明實施例提供的頁面加載方法及裝置，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，客戶端獲取由滑動操作而產(chǎn)生的移出內(nèi)容的高度，同時將該移出內(nèi)容從頁面中提取出來并緩存至內(nèi)存中。根據(jù)移出內(nèi)容的高度生成與該高度相同的空白內(nèi)容，并以該空白內(nèi)容替換頁面中被緩存至內(nèi)存中的移出內(nèi)容。由于移出內(nèi)容已經(jīng)不再存于頁面中，因此客戶端也就無需再渲染此移出內(nèi)容，從而降低了客戶端的頁面渲染壓力，也同時避免了由于頁面中渲染內(nèi)容過多而造成頁面瀏覽卡頓的現(xiàn)象。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明實施例提供的頁面加載方法實施例一的流程圖；

圖2為本發(fā)明實施例提供的頁面加載方法實施例二的流程圖；

圖3為本發(fā)明實施例提供的頁面加載方法實施例三的流程圖；

圖4為本發(fā)明實施例提供的頁面加載方法實施例四的流程圖；

圖5為本發(fā)明實施例提供的頁面加載裝置實施例一的結(jié)構(gòu)示意圖；

圖6為本發(fā)明實施例提供的頁面加載裝置實施例二的結(jié)構(gòu)示意圖。

具體實施方式

為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

在本發(fā)明實施例中使用的術(shù)語是僅僅出于描述特定實施例的目的，而非旨在限制本發(fā)明。在本發(fā)明實施例和所附權(quán)利要求書中所使用的單數(shù)形式的“一種”、“所述”和“該”也旨在包括多數(shù)形式，除非上下文清楚地表示其他含義，“多種”一般包含至少兩種，但是不排除包含至少一種的情況。

應(yīng)當(dāng)理解，本文中使用的術(shù)語“和/或”僅僅是一種描述關(guān)聯(lián)對象的關(guān)聯(lián)關(guān)系，表示可以存在三種關(guān)系，例如，a和/或b，可以表示：單獨存在a，同時存在a和b，單獨存在b這三種情況。另外，本文中字符“/”，一般表示前后關(guān)聯(lián)對象是一種“或”的關(guān)系。

應(yīng)當(dāng)理解，盡管在本發(fā)明實施例中可能采用術(shù)語第一、第二、第三等來描述xxx，但這些xxx不應(yīng)限于這些術(shù)語。這些術(shù)語僅用來將xxx彼此區(qū)分開。例如，在不脫離本發(fā)明實施例范圍的情況下，第一xxx也可以被稱為第二xxx，類似地，第二xxx也可以被稱為第一xxx。

取決于語境，如在此所使用的詞語“如果”、“若”可以被解釋成為“在……時”或“當(dāng)……時”或“響應(yīng)于確定”或“響應(yīng)于檢測”。類似地，取決于語境，短語“如果確定”或“如果檢測(陳述的條件或事件)”可以被解釋成為“當(dāng)確定時”或“響應(yīng)于確定”或“當(dāng)檢測(陳述的條件或事件)時”或“響應(yīng)于檢測(陳述的條件或事件)”。

還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的商品或者系統(tǒng)不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種商品或者系統(tǒng)所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的商品或者系統(tǒng)中還存在另外的相同要素。

圖1為本發(fā)明實施例提供的頁面加載方法實施例一的流程圖，本實施例提供的該頁面加載方法的執(zhí)行主體可以為客戶端，如圖1所示，該方法包括如下步驟：

s101，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中。

s102，生成與移出內(nèi)容高度相同的空白內(nèi)容。

s103，以空白內(nèi)容替換移出內(nèi)容。

在用戶通過客戶端瀏覽頁面時，由于用于顯示頁面的顯示界面大小是有限的，因此當(dāng)頁面中包含的內(nèi)容很多時，往往不能在一屏中完整地展示頁面中的所有內(nèi)容。而用戶為了可以獲取更多的內(nèi)容，會在終端設(shè)備顯示屏幕上進(jìn)行滑動從而觸發(fā)針對當(dāng)前瀏覽頁面的向第一方向的滑動操作。觸發(fā)第一方向滑動操作后，顯示界面區(qū)域中會顯示出一部分新的內(nèi)容展示給用戶，同時顯示界面區(qū)域中也會相應(yīng)地移出一部分已經(jīng)展示給用戶的內(nèi)容。頁面中的內(nèi)容可以包括文字、靜態(tài)圖片、動態(tài)圖片或者視頻等等。

為了后文描述的方便，可以將移出顯示界面區(qū)域的內(nèi)容稱為移出內(nèi)容。基于此，在用戶觸發(fā)了向第一方向?qū)撁鎴?zhí)行的滑動操作后，則會產(chǎn)生移出內(nèi)容，客戶端將此移出內(nèi)容從當(dāng)前頁面中取出，緩存于內(nèi)存中，并確定該移出內(nèi)容的高度?？蛇x地，客戶端可以是針對用戶觸發(fā)的第一方向滑動操作，隨即獲得本次滑動操作對應(yīng)的移出內(nèi)容的高度，并將此移出內(nèi)容從當(dāng)前頁面中取出，緩存于內(nèi)存中。

可選地，客戶端可以通過以下方式獲取移出內(nèi)容的高度。

服務(wù)器可以根據(jù)客戶端發(fā)送的針對某一頁面的瀏覽請求，將該頁面中的全部內(nèi)容數(shù)據(jù)反饋給客戶端?？蛻舳送ㄟ^接收并渲染此頁面的內(nèi)容數(shù)據(jù)后即可使用戶瀏覽該頁面。其中內(nèi)容數(shù)據(jù)可以包括該頁面的頁面布局文件，此頁面布局文件中記錄有頁面中所有內(nèi)容的位置坐標(biāo)以及內(nèi)容標(biāo)識等等?？蛻舳擞涗洰?dāng)前頁面中位于顯示界面區(qū)域預(yù)設(shè)位置的內(nèi)容1所對應(yīng)的內(nèi)容標(biāo)識。當(dāng)用戶觸發(fā)第一方向的滑動操作后，客戶端同樣會記錄滑動后頁面中位于顯示界面區(qū)域同一預(yù)設(shè)位置的內(nèi)容2所對應(yīng)的內(nèi)容標(biāo)識?？蛻舳送ㄟ^記錄的內(nèi)容1、2的內(nèi)容標(biāo)識可以在頁面布局文件中查找到與該內(nèi)容標(biāo)識對應(yīng)的位置坐標(biāo)，通過計算二者位置坐標(biāo)的差值即可獲得移出顯示界面區(qū)域的內(nèi)容的高度，此內(nèi)容的高度可以用像素來表示。

客戶端根據(jù)此移出內(nèi)容的高度生成與其高度相同的空白內(nèi)容，并以此空白內(nèi)容替換移出內(nèi)容，也即是將移出內(nèi)容用與其高度相同的空白內(nèi)容進(jìn)行替換。

本實施例中，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，客戶端獲取由滑動操作而產(chǎn)生的移出內(nèi)容的高度，同時將該移出內(nèi)容從頁面中提取出來并緩存至內(nèi)存中。根據(jù)移出內(nèi)容的高度生成與其高度相同的空白內(nèi)容，并將該空白內(nèi)容存放于頁面中，用以替換緩存至內(nèi)存中的移出內(nèi)容。由于移出內(nèi)容已經(jīng)不再存于頁面中，因此客戶端也就無需再渲染此移出內(nèi)容，從而降低了客戶端的頁面渲染壓力，也同時避免了由于頁面中渲染內(nèi)容過多而造成頁面瀏覽卡頓的現(xiàn)象。

圖2為本發(fā)明實施例提供的頁面加載方法實施例二的流程圖，如圖2所示，該方法可以包括如下步驟：

s201，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若頁面中移出顯示界面區(qū)域的內(nèi)容已經(jīng)達(dá)到預(yù)設(shè)閾值，則將已經(jīng)達(dá)到預(yù)設(shè)閾值的移出內(nèi)容緩存到內(nèi)存中，預(yù)設(shè)閾值包括：預(yù)設(shè)高度閾值或預(yù)設(shè)數(shù)據(jù)量閾值。

響應(yīng)于用戶觸發(fā)的第一方向的滑動操作后，客戶端獲取截至此次滑動操作的已經(jīng)移出的內(nèi)容所對應(yīng)的累計內(nèi)容高度或者累計數(shù)據(jù)量，用以與預(yù)設(shè)高度閾值或預(yù)設(shè)數(shù)據(jù)量閾值進(jìn)行比較。當(dāng)移出內(nèi)容對應(yīng)的累計內(nèi)容高度或者累計數(shù)據(jù)量大于或等于預(yù)設(shè)閾值時，客戶端將移出內(nèi)容緩存至內(nèi)存中。

可選地，客戶端可以采用實施例一中涉及的方法來獲得移出內(nèi)容的累計內(nèi)容高度，在此不再贅述。

可選地，客戶端可以通過以下方式獲得移出內(nèi)容的累計數(shù)據(jù)量。

客戶端從服務(wù)器接收的當(dāng)前瀏覽的頁面對應(yīng)的頁面布局文件中不僅包括該頁面中各個內(nèi)容的位置坐標(biāo)、內(nèi)容標(biāo)識，還會包括頁面中各個內(nèi)容的數(shù)據(jù)量。與獲得移出內(nèi)容的內(nèi)容高度相似的，客戶端記錄當(dāng)前頁面中位于顯示界面區(qū)域預(yù)設(shè)位置的內(nèi)容1所對應(yīng)的內(nèi)容標(biāo)識。當(dāng)用戶觸發(fā)第一方向的滑動操作后，客戶端同樣會記錄滑動后頁面中位于顯示界面區(qū)域同一預(yù)設(shè)位置的內(nèi)容2所對應(yīng)的內(nèi)容標(biāo)識?？蛻舳送ㄟ^記錄的內(nèi)容1、2的內(nèi)容標(biāo)識在頁面布局文件中查找與該內(nèi)容標(biāo)識對應(yīng)的位置坐標(biāo)，進(jìn)而，再利用頁面布局文件獲取位置坐標(biāo)位于內(nèi)容1與內(nèi)容2之間的每個內(nèi)容所對應(yīng)的數(shù)據(jù)量，通過計算得到截至此次的第一方向滑動操作產(chǎn)生的移出內(nèi)容的數(shù)據(jù)量。

s202，生成與移出內(nèi)容高度相同的空白內(nèi)容。

s203，以空白內(nèi)容替換移出內(nèi)容。

上述步驟s202-s203的執(zhí)行過程與前述實施例的相應(yīng)步驟相似，可以參見如圖1所示實施例中的相關(guān)描述，在此不再贅述。

本實施例中，每當(dāng)移出內(nèi)容到達(dá)預(yù)設(shè)閾值時，客戶端將達(dá)到預(yù)設(shè)閾值的移出內(nèi)容緩存至客戶端的內(nèi)存中。在此預(yù)設(shè)閾值的移出內(nèi)容是由多次滑動操作產(chǎn)生的情況下，將此預(yù)設(shè)閾值的移出內(nèi)容緩存至內(nèi)存中可以有效減少客戶端生成空白內(nèi)容的次數(shù)，減輕客戶端的處理壓力。

圖3為本發(fā)明實施例提供的頁面加載方法實施例三的流程圖，如圖3所示，該方法可以包括如下步驟：

s301，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若預(yù)設(shè)時間內(nèi)用戶未觸發(fā)向第二方向?qū)撁鎴?zhí)行的滑動操作，則將頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，第二方向與第一方向相反。

在用戶觸發(fā)了第一方向的滑動操作后，客戶端響應(yīng)并記錄此第一方向滑動操作的觸發(fā)時間，此時客戶端并不會立即將移出內(nèi)容緩存至內(nèi)存中，而是會進(jìn)一步判斷用戶在預(yù)設(shè)時間內(nèi)是否觸發(fā)了第二方向的滑動操作。其中，用戶觸發(fā)的第二方向滑動操作后，已經(jīng)給用戶展示過的一部分頁面中內(nèi)容會重新展示于顯示界面區(qū)域中。因此，很容易理解地，第二方向的滑動操作是第一方向滑動操作的反向操作。在用戶觸發(fā)了第二方向的滑動操作后，客戶端同樣會記錄該第二方向滑動操作的觸發(fā)時間，從而根據(jù)第二方向滑動操作以及第一方向滑動操作觸發(fā)的觸發(fā)時間獲得兩種方向的滑動操作觸發(fā)時間的時間間隔。進(jìn)而，判斷此時間間隔是否達(dá)到預(yù)設(shè)時間，若時間間隔大于預(yù)設(shè)時間，此時客戶端才會將移出內(nèi)容緩存至內(nèi)存中。

s302，生成與移出內(nèi)容高度相同的空白內(nèi)容。

s303，以空白內(nèi)容替換移出內(nèi)容。

上述步驟s302-s303的執(zhí)行過程與前述實施例的相應(yīng)步驟相似，可以參見如圖1所示實施例中的相關(guān)描述，在此不贅述。

本實施例中，客戶端需要根據(jù)相鄰的第一方向滑動操作與第二方向滑動操作之間的觸發(fā)時間的時間間隔來判斷是否將移出內(nèi)容緩存至內(nèi)存中。在確定用戶在預(yù)設(shè)時間內(nèi)沒有觸發(fā)第二方向滑動操作后，再進(jìn)行移出內(nèi)容的緩存，這樣能夠有效避免用戶在反復(fù)觸發(fā)第一方向滑動操作以及第二方向滑動操作時，造成客戶端反復(fù)生成空白內(nèi)容，從而增大客戶端的數(shù)據(jù)處理壓力。

圖4為本發(fā)明實施例提供的頁面加載方法實施例四的流程圖，如圖4所示，該方法還包括如下步驟：

s401，響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將所述頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中。

s402，生成與移出內(nèi)容高度相同的空白內(nèi)容。

上述步驟的執(zhí)行過程與前述實施例的相應(yīng)步驟相似，可以參見如圖1所示實施例中的相關(guān)描述，在此不贅述。

s403，為移出內(nèi)容和空白內(nèi)容生成對應(yīng)的標(biāo)識。

客戶端響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將由此第一方向的滑動操作而產(chǎn)生的移出內(nèi)容作為一個內(nèi)容整體，為此內(nèi)容整體生成一個移出內(nèi)容標(biāo)識，同時為與此移出內(nèi)容具有相同高度的空白內(nèi)容生成一個空白內(nèi)容標(biāo)識?？蛇x地，移出內(nèi)容標(biāo)識與空白內(nèi)容標(biāo)識可以是具有相同的標(biāo)識，此標(biāo)識可以是編號的形式?？蛇x地，移出內(nèi)容標(biāo)識與空白內(nèi)容標(biāo)識之間也可以具有預(yù)設(shè)的對應(yīng)關(guān)系。

s404，以空白內(nèi)容替換移出內(nèi)容。

上述步驟的執(zhí)行過程與前述實施例的相應(yīng)步驟相似，可以參見如圖1所示實施例中的相關(guān)描述，在此不贅述。

用戶觸發(fā)了第一方向的滑動操作，可以瀏覽更多頁面中的內(nèi)容。在實際應(yīng)用中，通常還會出現(xiàn)用戶因想要再次瀏覽已經(jīng)移出顯示界面區(qū)域的內(nèi)容，而觸發(fā)第二方向的滑動操作的情況。對于此種情況，該頁面加載方法還可以包括如下步驟：

s405，監(jiān)測用戶向第二方向的滑動操作，若空白內(nèi)容的位置與顯示界面區(qū)域的邊界位置之間的距離小于預(yù)設(shè)距離，則確定需要顯示空白內(nèi)容，其中，邊界與第二方向?qū)?yīng)，第二方向與第一方向相反。

s406，若需要顯示空白內(nèi)容，則根據(jù)需顯示空白內(nèi)容對應(yīng)的標(biāo)識從內(nèi)存中獲取移出內(nèi)容。

s407，以移出內(nèi)容替換空白內(nèi)容。

當(dāng)客戶端監(jiān)測到用戶觸發(fā)了第二方向滑動操作，可選地，與實施例一、二中相關(guān)內(nèi)容類似地，客戶端可以通過從服務(wù)器獲取當(dāng)前瀏覽的頁面所對應(yīng)的頁面布局文件。再根據(jù)此頁面布局文件獲取頁面中空白內(nèi)容的位置坐標(biāo)以及當(dāng)前位于顯示界面區(qū)域邊界的內(nèi)容所對應(yīng)的位置坐標(biāo)，其中，空白內(nèi)容的位置坐標(biāo)包括空白內(nèi)容的上邊界位置坐標(biāo)以及下邊界位置坐標(biāo)，上邊界與第二方向?qū)?yīng)，下邊界與第一方向?qū)?yīng)。若空白內(nèi)容的下邊界位置坐標(biāo)與顯示界面區(qū)域的邊界位置坐標(biāo)的距離之差小于預(yù)設(shè)距離，則表明空白內(nèi)容即將被顯示。此時客戶端會根據(jù)此即將顯示的空白內(nèi)容所對應(yīng)的空白內(nèi)容標(biāo)識獲取對應(yīng)的移出內(nèi)容的標(biāo)識，進(jìn)而在移出內(nèi)容顯示之前預(yù)先獲得移出內(nèi)容，并將移出內(nèi)容從內(nèi)存中取出，預(yù)先渲染顯示于顯示界面區(qū)域中，以使此移出內(nèi)容替換即將顯示的空白內(nèi)容。

本實施例中，通過監(jiān)測用戶觸發(fā)的第二方向滑動操作，將即將顯示的空白內(nèi)容對應(yīng)的移出內(nèi)容預(yù)先從內(nèi)存中取回并渲染到當(dāng)前瀏覽的頁面中，使用戶在觸發(fā)第二方向滑動操作時，可以順暢地對移出內(nèi)容進(jìn)行重新瀏覽，從而避免在用戶觸發(fā)第二方向滑動操作后再獲取并渲染移出內(nèi)容而出現(xiàn)的頁面瀏覽卡頓的情況。

圖5為本發(fā)明實施例提供的頁面加載裝置實施例一的結(jié)構(gòu)示意圖，如圖5所示，該頁面加載裝置包括：緩存模塊11、生成模塊12、替換模塊13。

緩存模塊11，用于響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，將頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中。

生成模塊12，用于生成與移出內(nèi)容高度相同的空白內(nèi)容。

替換模塊13，用于以空白內(nèi)容替換移出內(nèi)容。

可選地，緩存模塊11，具體用于響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若頁面中移出顯示界面區(qū)域的內(nèi)容已經(jīng)達(dá)到預(yù)設(shè)閾值，則將已經(jīng)達(dá)到預(yù)設(shè)閾值的移出內(nèi)容緩存到內(nèi)存中，預(yù)設(shè)閾值包括：預(yù)設(shè)高度閾值或預(yù)設(shè)數(shù)據(jù)量閾值。

可選地，緩存模塊11，具體還用于響應(yīng)于用戶向第一方向?qū)撁鎴?zhí)行的滑動操作，若預(yù)設(shè)時間內(nèi)用戶未觸發(fā)向第二方向?qū)撁鎴?zhí)行的滑動操作，則將頁面中移出顯示界面區(qū)域的內(nèi)容緩存至內(nèi)存中，第二方向與第一方向相反。

圖5所示裝置可以執(zhí)行圖1-3所示任一實施例的方法，本實施例未詳細(xì)描述的部分，可參考對圖1-3所示任一實施例的相關(guān)說明。該技術(shù)方案的執(zhí)行過程和技術(shù)效果參見圖1-3所示任一實施例中的描述，在此不再贅述。

圖6為本發(fā)明實施例提供的頁面加載裝置實施例二的結(jié)構(gòu)示意圖，如圖6所示，在圖5所示實施例基礎(chǔ)上，該頁面加載裝置還包括：獲取模塊21。

獲取模塊21，用于若需要顯示空白內(nèi)容，則根據(jù)標(biāo)識從內(nèi)存中獲取移出內(nèi)容。

生成模塊12，還用于為移出內(nèi)容和空白內(nèi)容生成對應(yīng)的標(biāo)識。

替換模塊13，還用于以移出內(nèi)容替換空白內(nèi)容。

可選地，該頁面加載裝置還包括：監(jiān)測模塊22。

監(jiān)測模塊21，用于監(jiān)測用戶向第二方向的滑動操作，若空白內(nèi)容的位置與顯示界面區(qū)域的邊界位置之間的距離小于預(yù)設(shè)距離，則確定需要顯示空白內(nèi)容，其中，邊界與第二方向?qū)?yīng)，第二方向與第一方向相反。

圖6所示裝置可以執(zhí)行圖4所示實施例的方法，本實施例未詳細(xì)描述的部分，可參考對圖4所示實施例的相關(guān)說明。該技術(shù)方案的執(zhí)行過程和技術(shù)效果參見圖4所示實施例中的描述，在此不再贅述。

以上所描述的裝置實施例僅僅是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上。可以根據(jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下，即可以理解并實施。

通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實施方式可借助加必需的通用硬件平臺的方式來實現(xiàn)，當(dāng)然也可以通過硬件?；谶@樣的理解，上述技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以產(chǎn)品的形式體現(xiàn)出來，該計算機(jī)產(chǎn)品可以存儲在計算機(jī)可讀存儲介質(zhì)中，如rom/ram、磁碟、光盤等，包括若干指令用以使得一臺計算機(jī)裝置(可以是個人計算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)裝置等)執(zhí)行各個實施例或者實施例的某些部分所述的方法。

最后應(yīng)說明的是：以上實施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制；盡管參照前述實施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其依然可以對前述各實施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實施例技術(shù)方案的精神和范圍。