網(wǎng)頁數(shù)據(jù)處理方法及處理裝置制造方法
【專利摘要】一種網(wǎng)頁數(shù)據(jù)處理方法，根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸將列表主容器劃分為多個列表項容器；獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按照預設的順序填充至列表主容器中，其中一個列表項容器至少對應一個網(wǎng)頁數(shù)據(jù)項；偵測列表主容器沿第一方向上的滾動，將超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未超出屏幕范圍的另一端；以及將待填充的網(wǎng)頁數(shù)據(jù)項填充至被移動至列表主容器另一端的列表項容器中。此外，本發(fā)明還提供一種網(wǎng)頁數(shù)據(jù)處理裝置。上述網(wǎng)頁數(shù)據(jù)處理方法與處理裝置在處理網(wǎng)頁數(shù)據(jù)時具有更高的穩(wěn)定性。
【專利說明】網(wǎng)頁數(shù)據(jù)處理方法及處理裝置

【技術領域】
[0001] 本發(fā)明涉及網(wǎng)頁數(shù)據(jù)處理技術，尤其涉及一種網(wǎng)頁數(shù)據(jù)處理方法及處理裝置。

【背景技術】
[0002] 隨著網(wǎng)絡技術的發(fā)展，人們越來越習慣于通過瀏覽網(wǎng)頁的方式獲取信息。在現(xiàn) 有技術中，瀏覽器在繪制網(wǎng)頁時通常是將網(wǎng)頁的每一個數(shù)據(jù)項視為一個文件對象模型 (Document Object Model，D0M)節(jié)點，然后將每一 D0M節(jié)點作為一個獨立的層（Layer)來繪 制，雖然這樣可以保證網(wǎng)頁在滾動時不會閃爍，但如果網(wǎng)頁中所包含的數(shù)據(jù)項較大，相應的 需要繪制的Layer的數(shù)量也就比較大，為完成大量Layer的繪制常常需要消耗大量的內(nèi)存， 這樣容易出現(xiàn)內(nèi)存溢出的現(xiàn)象，從而導致網(wǎng)頁頁面崩潰、瀏覽器軟件重啟、計算機重啟等不 良后果。因此，如何在保證網(wǎng)頁在滾動時不會閃爍的同時，避免在處理海量網(wǎng)頁數(shù)據(jù)時出現(xiàn) 內(nèi)存溢出的現(xiàn)象，提高網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性，是業(yè)界需要解決的難題之一。


【發(fā)明內(nèi)容】

[0003] 有鑒于此，本發(fā)明提供一種網(wǎng)頁數(shù)據(jù)處理方法及處理裝置，在處理海量網(wǎng)頁數(shù)據(jù) 時具有更1?的穩(wěn)定性。
[0004] 一種網(wǎng)頁數(shù)據(jù)處理方法，包括：根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預 設列表項容器的尺寸將所述列表主容器劃分為多個列表項容器；獲取多個網(wǎng)頁數(shù)據(jù)項并將 所獲取的多個網(wǎng)頁數(shù)據(jù)項按照預設的順序填充至所述列表主容器中，其中一個列表項容器 至少對應一個網(wǎng)頁數(shù)據(jù)項；偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端 設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所 述屏幕范圍的另一端；以及將待填充的網(wǎng)頁數(shù)據(jù)項填充至被移動至所述列表主容器另一端 的所述列表項容器中。
[0005] -種網(wǎng)頁數(shù)據(jù)處理裝置，包括：列表主容器建立模塊，用于根據(jù)終端設備的屏幕 尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容 器；第一網(wǎng)頁數(shù)據(jù)項填充模塊，用于獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按 照預設的順序填充至所述列表主容器中，其中一個列表項容器至少對應一個網(wǎng)頁數(shù)據(jù)項； 列表項容器移動模塊，用于偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端 設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所 述屏幕范圍的另一端；以及第二網(wǎng)頁數(shù)據(jù)項填充模塊，用于將待填充的網(wǎng)頁數(shù)據(jù)項填充至 被所述列表項容器移動模塊移動至所述列表主容器另一端的所述列表項容器中。
[0006] 本發(fā)明實施例提供的網(wǎng)頁數(shù)據(jù)處理方法及處理裝置，通過根據(jù)屏幕尺寸建立列表 主容器并將該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備 的屏幕范圍時，將超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端 移動至未超出屏幕范圍的另一端，并填入新的網(wǎng)頁數(shù)據(jù)項，打破了現(xiàn)有技術中文件對象模 型節(jié)點與網(wǎng)頁數(shù)據(jù)項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可 以重復使用，在重復使用的過程中可與不同的網(wǎng)頁數(shù)據(jù)項對應，只需少量列表項容器即可 完成網(wǎng)頁繪制，從而可以降低內(nèi)存開銷，減少計算量，避免在處理海量網(wǎng)頁數(shù)據(jù)時，出現(xiàn)內(nèi) 存溢出的現(xiàn)象，進而提高了網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性。
[0007] 為讓本發(fā)明的上述和其他目的、特征和優(yōu)點能更明顯易懂，下文特舉較佳實施例， 并配合所附圖式，作詳細說明如下。

【專利附圖】

【附圖說明】
[0008] 圖1為本發(fā)明第一實施例提供的網(wǎng)頁數(shù)據(jù)處理方法的流程圖。
[0009] 圖2為本發(fā)明第一實施例提供的網(wǎng)頁數(shù)據(jù)處理方法中列表主容器與列表項容器 的示意圖。
[0010] 圖3為本發(fā)明第二實施例提供的網(wǎng)頁數(shù)據(jù)處理方法的流程圖。
[0011] 圖4為本發(fā)明第二實施例提供的網(wǎng)頁數(shù)據(jù)處理方法中列表主容器與列表項容器 的示意圖。
[0012] 圖5為本發(fā)明第三實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置的結構示意圖。
[0013] 圖6為本發(fā)明第四實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置的結構示意圖。

【具體實施方式】
[0014] 為更進一步闡述本發(fā)明為實現(xiàn)預定發(fā)明目的所采取的技術手段及功效，以下結合 附圖及較佳實施例，對依據(jù)本發(fā)明的【具體實施方式】、結構、特征及其功效，詳細說明如后。
[0015] 本發(fā)明實施例所提供的網(wǎng)頁數(shù)據(jù)處理方法可應用于終端設備中實現(xiàn)對網(wǎng)頁數(shù) 據(jù)的處理，終端設備可以包括智能手機、平板電腦、電子書閱讀器、MP3播放器（Moving Picture Experts Group Audio Layer III，動態(tài)影像專家壓縮標準音頻層面3)、MP4 (Moving Picture Experts Group Audio Layer IV，動態(tài)影像專家壓縮標準音頻層面4)播 放器、膝上型便攜計算機和臺式計算機等等。
[0016] 第一實施例
[0017] 圖1為第一實施例提供的網(wǎng)頁數(shù)據(jù)處理方法的流程圖。如圖1所示，本實施例的 網(wǎng)頁數(shù)據(jù)處理方法包括以下步驟：
[0018] 步驟S11，根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸 將所述列表主容器劃分為多個列表項容器。
[0019] 偵測設備終端的屏幕尺寸，根據(jù)屏幕尺寸建立列表主容器，其中終端設備的屏幕 尺寸可為設備終端屏幕可視區(qū)域的分辨率，于本發(fā)明一【具體實施方式】中，主要是根據(jù)終端 設備的屏幕的高度建立列表主容器。于本發(fā)明的一【具體實施方式】中，列表主容器的高度與 屏幕可視區(qū)域的高度相同。
[0020] 根據(jù)列表主容器的高度與預設列表項容器的高度，按照公式：列表項容器的個數(shù) =列表主容器的高度/預設列表項容器的高度，計算列表項容器的個數(shù)，然后可如圖2所示， 根據(jù)計算結果將列表主容器劃分為多個列表項容器。每一個列表項容器可作為一個文件對 象模型（Document Object Model,D0M)節(jié)點來繪制。由于列表項容器的數(shù)量是根據(jù)列表主 容器的高度與預設列表項容器的高度計算所得，因此列表項容器的數(shù)量是有限的，也即在 網(wǎng)頁繪制時，D0M節(jié)點也是有限的，所以即便是將每一 D0M節(jié)點作為一個獨立的層（Layer) 來繪制，需要繪制的Layer的數(shù)量也不會很大，這樣就可以減少在處理網(wǎng)頁數(shù)據(jù)時，特別是 處理海量網(wǎng)頁數(shù)據(jù)時的內(nèi)存消耗，避免因內(nèi)存消耗過多而導致的內(nèi)存溢出。
[0021] 步驟S12,獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按照預設的順序填 充至所述列表主容器中。
[0022] 通過網(wǎng)絡獲取網(wǎng)頁文檔，解析獲取的網(wǎng)頁文檔獲得網(wǎng)頁文檔中包含的網(wǎng)頁數(shù)據(jù) 項。網(wǎng)頁文檔通?？蔀槌谋緲擞浾Z言（Hypertext Markup Language, HTML)文件。優(yōu)選 的，網(wǎng)頁數(shù)據(jù)項的數(shù)量大于列表項容器的數(shù)量。
[0023] 按照預設的順序將獲得的網(wǎng)頁數(shù)據(jù)項按照一個列表項容器內(nèi)填入一個網(wǎng)頁數(shù)據(jù) 項的方式填充至列表主容器并繪制出來，預設的順序可為網(wǎng)頁文檔中記載的網(wǎng)頁數(shù)據(jù)項在 網(wǎng)頁中的位置順序，比如從上到下的順序等等。
[0024] 步驟S13,偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端設備屏幕 范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所述屏幕范 圍的另一端。
[0025] 如圖2所示，可以以終端設備屏幕可視區(qū)域的一個頂點（例如左上角頂點）作為 第一坐標軸原點，以屏幕的一條邊所在方向為X方向、另一條相鄰的邊所在的方向為Y方向 建立第一直角坐標系。于本發(fā)明的一【具體實施方式】中，列表主容器的滾動，包括沿著坐標軸 的Y軸的正方向滾動(也即向上滾動)，或沿著坐標軸的Y軸的負方向滾動(也即向下滾動)。 上述坐標軸為數(shù)學意義上的坐標軸，坐標軸的原點為0。
[0026] 偵測列表主容器與列表項容器相對于終端設備的屏幕的坐標值的變化，分析是否 有列表項容器超出了終端設備屏幕范圍，以及超出了終端設備屏幕范圍分別是哪幾個列表 項容器。修改超出終端設備屏幕范圍的列表項容器的坐標值，將上述超出終端設備屏幕范 圍的列表項容器移動至列表主容器未超出終端設備屏幕范圍的一端。
[0027] 在本發(fā)明一【具體實施方式】中，可以通過采用絕對定位的方式來設定列表主容器與 各列表項容器的坐標。例如：根據(jù)列表主容器在直角坐標系中的坐標，以及預設列表項容 器的尺寸，設定每個列表項容器四個頂點的坐標值。絕對定位的方式是指相對于列表主容 器，定位每個列表項容器的位置，使得每個列表項容器的位置相對于列表主容器是固定的， 不會因為修改個別列表項容器的坐標值而影響其它未被修改坐標值的列表項容器的位置， t匕如：未被修改坐標值的列表項容器的位置被修改了坐標值的列表項容器擠占等，同時也 可以降低網(wǎng)頁繪制的成本，從而減少在網(wǎng)頁數(shù)據(jù)處理過程中的內(nèi)存消耗。
[0028] 步驟S14,將待填充的網(wǎng)頁數(shù)據(jù)項填充至被移動至所述列表主容器另一端的所述 列表項容器中。
[0029] 因為列表項容器的個數(shù)是根據(jù)偵測到的終端設備的屏幕尺寸以及預設列表項容 器的尺寸計算獲得，且網(wǎng)頁數(shù)據(jù)項是根據(jù)一個列表項容器中填入一個網(wǎng)頁數(shù)據(jù)項的方式填 充，網(wǎng)頁數(shù)據(jù)項的數(shù)量大于列表項容器的數(shù)量，所以所有的網(wǎng)頁數(shù)據(jù)項不會被一次性填入 列表主容器，因此上述待填充的網(wǎng)頁數(shù)據(jù)項是指那些尚未被填充至列表項容器的網(wǎng)頁數(shù)據(jù) 項。
[0030] 當超出終端設備屏幕范圍的列表項容器被由列表主容器超出終端設備屏幕范圍 的一端移動至未超出終端設備屏幕范圍的另一端時，根據(jù)超出終端設備屏幕范圍的列表 項容器的數(shù)量將相應數(shù)量的待填充的網(wǎng)頁數(shù)據(jù)項分別填充至上述列表項容器中，并繪制出 來。通過將超出終端設備屏幕范圍的列表項容器由列表主容器超出終端設備屏幕范圍的一 端移動至未超出終端設備屏幕范圍的另一端，并重新填入新的網(wǎng)頁數(shù)據(jù)項的方式，使得單 個列表項容器可以重復使用，在重復使用的過程中可與不同的網(wǎng)頁數(shù)據(jù)項對應，從而可以 減少列表項容器的數(shù)量，降低網(wǎng)頁數(shù)據(jù)處理的運算量，進而減少內(nèi)存消耗。
[0031] 可在偵測到所述列表主容器項的滾動之后，預緩沖可能被填充至位于所述列表主 容器兩端的列表項容器的網(wǎng)頁數(shù)據(jù)項，并當超出終端設備屏幕范圍的列表項容器被由列表 主容器超出終端設備屏幕范圍的一端移動至未超出終端設備屏幕范圍的另一端時，直接從 緩沖區(qū)將已緩沖的網(wǎng)頁數(shù)據(jù)項填充至列表項容器中，并繪制出來，從而提高數(shù)據(jù)填充的速 度，進而提高網(wǎng)頁繪制的效率。
[0032] 本發(fā)明實施例提供的網(wǎng)頁數(shù)據(jù)處理方法，通過根據(jù)屏幕尺寸建立列表主容器并將 該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備的屏幕范圍 時，將該超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未 超出屏幕范圍的另一端，并填入網(wǎng)頁數(shù)據(jù)項，打破了現(xiàn)有技術中文件對象模型節(jié)點與網(wǎng)頁 數(shù)據(jù)項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可以重復使用， 在重復使用的過程中可與不同的網(wǎng)頁數(shù)據(jù)項對應，只需少量列表項容器即可完成網(wǎng)頁繪 制，從而可以降低內(nèi)存開銷，減少計算量，避免在處理海量網(wǎng)頁數(shù)據(jù)時，出現(xiàn)內(nèi)存溢出的現(xiàn) 象，進而提高了網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性。
[0033] 第二實施例
[0034] 圖3為第二實施例提供的網(wǎng)頁數(shù)據(jù)處理方法的流程圖。如圖3所示，本實施例的 網(wǎng)頁數(shù)據(jù)處理方法包括以下步驟：
[0035] 步驟S21，根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸 將列表主容器劃分為多個列表項容器。
[0036] 此步驟可以參考第一實施例中的相應步驟，這里不再贅述。
[0037] 步驟S22,獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按照預設的順序填 充至列表主容器中，其中一個列表項容器至少對應一個網(wǎng)頁數(shù)據(jù)項。
[0038] 此步驟可以參考第一實施例中的相應步驟，這里不再贅述。
[0039] 步驟S23,偵測列表主容器及列表項容器相對于所述終端設備的屏幕的坐標值的 變化，根據(jù)偵測結果計算并獲取列表主容器的滾動方向以及超出所述終端設備屏幕范圍的 列表項容器。
[0040] 根據(jù)偵測到的列表主容器及列表項容器相對于所述終端設備的屏幕的坐標值變 化，計算獲取列表主容器的滾動方向。結合圖4所示，假設根據(jù)終端設備的屏幕尺寸與預 設列表項容器的尺寸將列表主容器劃分為5個列表項容器，以終端設備屏幕可視區(qū)域的左 上角頂點為原點建立坐標軸，設定列表主容器的左上角頂點在Y軸上的值為0,第一列表 項容器1的左上角頂點在Y軸上的值為〇,第二列表項容器2的左上角頂點在Y軸上的值 為-100,如果偵測到列表主容器的左上角頂點在Y軸上的值偏移到100,則可判斷列表主容 器沿著Y軸的正方向移動，也即網(wǎng)頁正向上滾動。當偵測到第二列表項容器2的左上角頂 點在Y軸上的值偏移到0,則可認為第一列表項容器1已超出所述終端設備屏幕范圍，以此 類推。需要說明的是，以上坐標軸的原點位置以及具體坐標數(shù)據(jù)都只是為了更清楚的說明 本發(fā)明實施例，本發(fā)明的【具體實施方式】并不以此為限。
[0041] 步驟S24,修改超出終端設備屏幕范圍的列表項容器的坐標值，將超出終端設備屏 幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未超出屏幕范圍的另一端。
[0042] 假設在步驟S23中計算獲取的列表主容器的滾動方向為Y軸的正方向，第一列表 項容器1超出終端設備的屏幕范圍，則通過修改所述超出所述終端設備屏幕范圍的列表項 容器相對于列表主容器的坐標值，將第一列表項容器1由列表主容器的頂端移動至底端。 坐標值的修改方式可為：定義列表主容器左上角的頂點為第二坐標軸原點，以X方向為X ' 軸所在方向、Y方向為Y 7軸所在方向建立第二直角坐標系，假設滾動前屏幕上最頂部的是 第N個列表項容器N，當該列表項容器N超出終端設備的屏幕范圍時，根據(jù)該列表項容器N 的序號N和列表項容器的個數(shù)X可計算出底部是第N+X個列表項容器N+X，再根據(jù)預設列表 項容器的高度Z、底部列表項容器的序號N+X可計算出第N+X個列表項容器的左上角頂點在 Y '軸上的坐標值：_ (N-1+X) *Z，第N+X個列表項容器N+X的左上角頂點在)C軸上的坐 標值不變，然后根據(jù)預設列表項容器的尺寸可計算出列表項容器N+X的其它三個頂點的坐 標值，根據(jù)計算結果修改列表項容器N相對于列表主容器的坐標值，使之成為列表項容器 N+X。
[0043] 為方便理解，如圖4所示，舉例來說，假設列表主容器是向上滾動，第一列表項容 器1超出終端設備的屏幕范圍，第一列表項容器1的左上角頂點在Y 7軸的初始坐標值為 0,列表主容器被劃分為5個列表項容器，每個列表項容器的預設高度為100,則根據(jù)列表項 容器的數(shù)量、預設列表項容器的高度計算并修改第一列表項容器被移動后的左上角頂點在 Y '軸的坐標值為：-(1-1+5)*100=_500,從而將第一列表項容器1由列表主容器的頂端移 動至底端成為第六列表項容器6。最后，根據(jù)預設列表項容器的寬度計算出第六列表項容器 6的其它三個頂點的坐標值。
[0044] 需要說明的是，當列表主容器沿Y軸的負方向移動時，超出終端設備的列表項容 器的被移動方向與上述列表主容器沿Y軸的正方向移動時的被移動方向相反，其坐標值的 計算及修改方式相似，在此不再贅述。需要說明的是，以上坐標軸的原點位置以及具體坐標 數(shù)據(jù)都只是為了更清楚的說明本發(fā)明實施例，本發(fā)明的【具體實施方式】并不以此為限。
[0045] 步驟S25,將待填充的網(wǎng)頁數(shù)據(jù)項填充至被移動至列表主容器另一端的列表項容 器中。
[0046] 此步驟可以參考第一實施例中的相應步驟，這里不再贅述。
[0047] 本發(fā)明實施例提供的網(wǎng)頁數(shù)據(jù)處理方法，通過根據(jù)屏幕尺寸建立列表主容器并將 該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備的屏幕范圍 時，將該超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未 超出屏幕范圍的另一端，并填入網(wǎng)頁數(shù)據(jù)項，如此便打破了現(xiàn)有技術中文件對象模型節(jié)點 與網(wǎng)頁數(shù)據(jù)項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可與至少 一個網(wǎng)頁數(shù)據(jù)項對應，從而可以降低內(nèi)存開銷，減少計算量，避免因內(nèi)存溢出而導致網(wǎng)頁頁 面崩潰，進而提高了網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性。
[0048] 第三實施例
[0049] 圖5為第三實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置的結構示意圖。本實施例提供的網(wǎng)頁 數(shù)據(jù)處理裝置可以用于實現(xiàn)網(wǎng)頁數(shù)據(jù)處理。如圖5所示，網(wǎng)頁數(shù)據(jù)處理裝置10包括：列表 主容器建立模塊11、第一網(wǎng)頁數(shù)據(jù)項填充模塊12、列表項容器移動模塊13、第二網(wǎng)頁數(shù)據(jù) 項填充模塊14。
[0050] 其中，列表主容器建立模塊11用于根據(jù)終端設備的屏幕尺寸建立列表主容器，根 據(jù)預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容器。
[0051] 第一網(wǎng)頁數(shù)據(jù)項填充模塊12用于獲取多個網(wǎng)頁數(shù)據(jù)項，并將所獲取的多個網(wǎng)頁 數(shù)據(jù)項按照預設的順序填充至所述列表主容器中。
[0052] 列表項容器移動模塊13用于偵測所述列表主容器相對于所述終端設備的屏幕的 滾動，將超出所述終端設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的 一端移動至未超出所述屏幕范圍的另一端
[0053] 第二網(wǎng)頁數(shù)據(jù)項填充模塊14用于將待填充的網(wǎng)頁數(shù)據(jù)項填充至被所述列表項容 器移動模塊13移動至所述列表主容器另一端的所述列表項容器中。
[0054] 優(yōu)選地，所述多個列表項容器的尺寸相同。
[0055] 優(yōu)選地，采用絕對定位的方式，相對于所述列表主容器設定所述多個列表項容器 的坐標值。
[0056] 本實施例網(wǎng)頁數(shù)據(jù)處理裝置10的各功能模塊實現(xiàn)各自功能的具體過程，請參見 上述圖1至圖4所示實施例中描述的具體內(nèi)容，此處不再贅述。
[0057] 本發(fā)明實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置，通過根據(jù)屏幕尺寸建立列表主容器并將 該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備的屏幕范圍 時，將該超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未 超出屏幕范圍的另一端，并填入網(wǎng)頁數(shù)據(jù)項，打破了現(xiàn)有技術中文件對象模型節(jié)點與網(wǎng)頁 數(shù)據(jù)項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可以重復使用， 在重復使用的過程中可與不同的網(wǎng)頁數(shù)據(jù)項對應，只需少量列表項容器即可完成網(wǎng)頁繪 制，從而可以降低內(nèi)存開銷，減少計算量，避免在處理海量網(wǎng)頁數(shù)據(jù)時，出現(xiàn)內(nèi)存溢出的現(xiàn) 象，進而提高了網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性。
[0058] 第四實施例
[0059] 圖6為第四實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置的結構示意圖。本實施例提供的網(wǎng)頁 數(shù)據(jù)處理裝置可以用于實現(xiàn)網(wǎng)頁數(shù)據(jù)處理。如圖6所示，網(wǎng)頁數(shù)據(jù)處理裝置20包括：列表 主容器建立模塊21、第一網(wǎng)頁數(shù)據(jù)項填充模塊22、列表項容器移動模塊23、第二網(wǎng)頁數(shù)據(jù) 項填充模塊24、網(wǎng)頁數(shù)據(jù)項預緩沖模塊25、列表項容器定位模塊26。
[0060] 其中，列表主容器建立模塊21用于根據(jù)終端設備的屏幕尺寸建立列表主容器，根 據(jù)預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容器。
[0061] 第一網(wǎng)頁數(shù)據(jù)項填充模塊22用于獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù) 據(jù)項按照預設的順序填充至所述列表主容器中。
[0062] 列表項容器移動模塊23還包括：列表主容器坐標值偵測單元231、列表主容器滾 動方向獲取單元232、列表項容器坐標值修改單元233。其中，列表主容器坐標值偵測單元 231用于偵測所述列表主容器與所述多個列表項容器相對于所述終端設備的屏幕的坐標值 的變化。列表主容器滾動方向獲取單元232用于根據(jù)列表主容器坐標值偵測單元的偵測 結果，計算并獲取所述列表主容器的滾動方向以及超出所述終端設備屏幕范圍的列表項容 器。列表項容器坐標值修改單元233用于修改所述超出所述終端設備屏幕范圍的列表項容 器相對于列表主容器的坐標值，將所述超出所述終端設備屏幕范圍的列表項容器由所述列 表主容器超出所述屏幕范圍的一端移動至未超出所述屏幕范圍的另一端。
[0063] 第二網(wǎng)頁數(shù)據(jù)項填充模塊24用于將待填充的網(wǎng)頁數(shù)據(jù)項填充至被所述 [0064] 列表項容器移動模塊移動至所述列表主容器另一端的所述列表項容器中。網(wǎng)頁數(shù) 據(jù)項預緩沖模塊25用于預緩沖被所述第一網(wǎng)頁數(shù)據(jù)項填充模塊或所述第二網(wǎng)頁數(shù)據(jù)項填 充模塊填充至位于所述列表主容器兩端的列表項容器的網(wǎng)頁數(shù)據(jù)項。
[0065] 列表項容器定位模塊26用于利用絕對定位的方式設定所述多個列表項容器的坐 標值，以使所述多個列表項容器的位置相對于所述列表主容器是固定的。
[0066] 本實施例網(wǎng)頁數(shù)據(jù)處理裝置20的各功能模塊實現(xiàn)各自功能的具體過程，請參見 上述圖1至圖4所示實施例中描述的具體內(nèi)容，此處不再贅述。
[0067] 本發(fā)明實施例提供的網(wǎng)頁數(shù)據(jù)處理裝置，通過根據(jù)屏幕尺寸建立列表主容器并將 該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備的屏幕范圍 時，將該超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未 超出屏幕范圍的另一端，并填入網(wǎng)頁數(shù)據(jù)項，打破了現(xiàn)有技術中文件對象模型節(jié)點與網(wǎng)頁 數(shù)據(jù)項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可以重復使用， 在重復使用的過程中可與不同的網(wǎng)頁數(shù)據(jù)項對應，只需少量列表項容器即可完成網(wǎng)頁繪 制，從而可以降低內(nèi)存開銷，減少計算量，避免在處理海量網(wǎng)頁數(shù)據(jù)時，出現(xiàn)內(nèi)存溢出的現(xiàn) 象，進而提高了網(wǎng)頁數(shù)據(jù)處理的穩(wěn)定性。
[0068] 需要說明的是，本說明書中的各個實施例均采用遞進的方式描述，每個實施例重 點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。 對于裝置類實施例而言，由于其與方法實施例基本相似，所以描述的比較簡單，相關之處參 見方法實施例的部分說明即可。
[0069] 需要說明的是，在本文中，諸如第一和第二等之類的關系術語僅僅用來將一個實 體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存 在任何這種實際的關系或者順序。而且，術語"包括"、"包含"或者其任何其他變體意在涵 蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要 素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者裝置 所固有的要素。在沒有更多限制的情況下，由語句"包括一個……"限定的要素，并不排除 在包括所述要素的過程、方法、物品或者裝置中還存在另外的相同要素。
[0070] 本領域普通技術人員可以理解實現(xiàn)上述實施例的全部或部分步驟可以通過硬件 來完成，也可以通過程序來指令相關的硬件完成，所述的程序可以存儲于一種計算機可讀 存儲介質中，上述提到的存儲介質可以是只讀存儲器，磁盤或光盤等。
[0071] 以上所述，僅是本發(fā)明的較佳實施例而已，并非對本發(fā)明作任何形式上的限制，雖 然本發(fā)明已以較佳實施例揭露如上，然而并非用以限定本發(fā)明，任何熟悉本專業(yè)的技術人 員，在不脫離本發(fā)明技術方案范圍內(nèi)，當可利用上述揭示的技術內(nèi)容做出些許更動或修飾 為等同變化的等效實施例，但凡是未脫離本發(fā)明技術方案內(nèi)容，依據(jù)本發(fā)明的技術實質對 以上實施例所作的任何簡單修改、等同變化與修飾，均仍屬于本發(fā)明技術方案的范圍內(nèi)。
【權利要求】
1. 一種網(wǎng)頁數(shù)據(jù)處理方法，其特征在于，包括： 根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸將所述列表主 容器劃分為多個列表項容器； 獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按照預設的順序填充至所述列表 主容器中； 偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端設備屏幕范圍的列表項 容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所述屏幕范圍的另一端；以 及 將待填充的網(wǎng)頁數(shù)據(jù)項填充至被移動至所述列表主容器另一端的所述列表項容器中。
2. 如權利要求1所述的網(wǎng)頁數(shù)據(jù)處理方法，其特征在于，所述多個列表項容器的尺寸 相同。
3. 如權利要求1或2所述的網(wǎng)頁數(shù)據(jù)處理方法，其特征在于，所述將待填充的網(wǎng)頁數(shù)據(jù) 項填充至被移動至所述列表主容器另一端的所述列表項容器中的步驟之前還包括：預緩沖 被填充至位于所述列表主容器兩端的列表項容器的網(wǎng)頁數(shù)據(jù)項。
4. 如權利要求1所述的網(wǎng)頁數(shù)據(jù)處理方法，其特征在于，所述偵測所述列表主容器相 對于所述屏幕的滾動的步驟，包括： 偵測所述列表主容器與所述多個列表項容器相對于所述終端設備的屏幕的坐標值的 變化； 根據(jù)偵測結果，計算并獲取所述列表主容器的滾動方向以及超出所述終端設備屏幕范 圍的列表項容器；以及 修改所述超出所述終端設備屏幕范圍的列表項容器相對于列表主容器的坐標值，將所 述超出所述終端設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端 移動至未超出所述屏幕范圍的另一端。
5. 如權利要求1所述的網(wǎng)頁數(shù)據(jù)處理方法，其特征在于，于所述根據(jù)終端設備的屏幕 尺寸建立列表主容器，根據(jù)預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容 器的步驟中，利用絕對定位的方式設定所述多個列表項容器的坐標值，以使所述多個列表 項容器的位置相對于所述列表主容器是固定的。
6. -種網(wǎng)頁數(shù)據(jù)處理裝置，其特征在于，包括： 列表主容器建立模塊，用于根據(jù)終端設備的屏幕尺寸建立列表主容器，根據(jù)預設列表 項容器的尺寸將所述列表主容器劃分為多個列表項容器； 第一網(wǎng)頁數(shù)據(jù)項填充模塊，用于獲取多個網(wǎng)頁數(shù)據(jù)項并將所獲取的多個網(wǎng)頁數(shù)據(jù)項按 照預設的順序填充至所述列表主容器中； 列表項容器移動模塊，用于偵測所述列表主容器相對于所述屏幕的滾動，將超出所述 終端設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超 出所述屏幕范圍的另一端；以及 第二網(wǎng)頁數(shù)據(jù)項填充模塊，用于將待填充的網(wǎng)頁數(shù)據(jù)項填充至被所述列表項容器移動 模塊移動至所述列表主容器另一端的所述列表項容器中。
7. 如權利要求6所述的網(wǎng)頁數(shù)據(jù)處理裝置，其特征在于，所述多個列表項容器的尺寸 相同。
8. 如權利要求6或7所述的網(wǎng)頁數(shù)據(jù)處理裝置，其特征在于，還包括網(wǎng)頁數(shù)據(jù)項預緩沖 模塊，用于預緩沖被所述第一網(wǎng)頁數(shù)據(jù)項填充模塊或所述第二網(wǎng)頁數(shù)據(jù)項填充模塊填充至 位于所述列表主容器兩端的列表項容器的網(wǎng)頁數(shù)據(jù)項。
9. 如權利要求6所述的網(wǎng)頁數(shù)據(jù)處理裝置，其特征在于，列表項容器移動模塊還包括： 列表主容器坐標值偵測單元，用于偵測所述列表主容器與所述多個列表項容器相對于 所述終端設備的屏幕的坐標值的變化； 列表主容器滾動方向獲取單元，用于根據(jù)列表主容器坐標值偵測單元的偵測結果，計 算并獲取所述列表主容器的滾動方向以及超出所述終端設備屏幕范圍的列表項容器； 列表項容器坐標值修改單元，用于修改所述超出所述終端設備屏幕范圍的列表項容器 相對于列表主容器的坐標值，將所述列表主容器坐標值偵測單元偵測到的所述超出所述終 端設備屏幕范圍的列表項容器，由所述列表主容器超出所述屏幕范圍的一端移動至未超出 所述屏幕范圍的另一端。
10. 如權利要求6所述的網(wǎng)頁數(shù)據(jù)處理裝置，其特征在于，還包括列表項容器定位模 塊，用于利用絕對定位的方式設定所述多個列表項容器的坐標值，以使所述多個列表項容 器的位置相對于所述列表主容器是固定的。
【文檔編號】G06F17/30GK104216909SQ201310217801
【公開日】2014年12月17日 申請日期:2013年6月4日 優(yōu)先權日:2013年6月4日
【發(fā)明者】石楠 申請人:騰訊科技（深圳）有限公司