網(wǎng)頁數(shù)據(jù)存儲和操作的系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁數(shù)據(jù)處理領(lǐng)域，特別涉及一種網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)及方法以及網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)及方法。
【背景技術(shù)】
[0002]隨著移動互聯(lián)網(wǎng)的發(fā)展，移動手持設(shè)備的便捷讓用戶往往選擇在手機上進行網(wǎng)絡(luò)消費，用戶在獲得手持設(shè)備帶來的巨大便利的同時，也對手機的性能、應(yīng)用的表現(xiàn)提出了更高要求。
[0003]調(diào)查顯示:攜程APP(應(yīng)用)內(nèi)出現(xiàn)越來越多的列表頁，當列表頁內(nèi)容和交互操作過多時，列表頁面會出現(xiàn)明顯卡頓，甚至直接導致APP崩潰的情況發(fā)生。導致上述原因有很多，除了設(shè)備性能的因素外，Dom(文檔對象模型)結(jié)構(gòu)組織不合理、Dom數(shù)量過多、Dom屬性數(shù)據(jù)量綁定過多以及Dom操作太頻繁導致內(nèi)存消耗過大、CPU(中央處理器)計算量過大從而導致APP發(fā)生卡頓，嚴重時直接崩潰。

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

[0004]本發(fā)明要解決的技術(shù)問題是為了克服現(xiàn)有技術(shù)中移動設(shè)備的頁面經(jīng)常由于頁面內(nèi)容和交互操作過多而導致頁面發(fā)生卡頓甚至崩潰的缺陷，提供一種網(wǎng)頁數(shù)據(jù)存儲和操作的系統(tǒng)及方法。
[0005]本發(fā)明是通過下述技術(shù)方案來解決上述技術(shù)問題的:
[0006]本發(fā)明提供一種網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)，該網(wǎng)頁以D0M樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，其特點在于，
[0007]每一 D0M節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息；
[0008]緩存器中存儲有該對象的識別信息和除該關(guān)鍵信息外的其他所有信息，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作；
[0009]該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。
[0010]本發(fā)明還提供一種網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)，其特點在于，基于上述的網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)實現(xiàn)，該網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)包括一輸入模塊、一查詢模塊和一獲取模塊；
[0011]該輸入模塊用于接收針對該網(wǎng)頁中一對象的操作的輸入；
[0012]該查詢模塊用于根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息；
[0013]該獲取模塊用于獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。
[0014]本發(fā)明還提供一種網(wǎng)頁數(shù)據(jù)操作的方法，其特點在于，其利用上述的網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)實現(xiàn)，其包括以下步驟:
[0015]S:’、該輸入模塊接收針對該網(wǎng)頁中一對象的操作的輸入；
[0016]S2’、該查詢模塊根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息；
[0017]S3’、該獲取模塊獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。
[0018]本發(fā)明還提供一種網(wǎng)頁數(shù)據(jù)存儲的方法，該網(wǎng)頁以D0M樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，其特征在于，其包括以下步驟:
[0019]S1、每一 D0M節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息；
[0020]S2、將該對象的識別信息和除該關(guān)鍵信息外的其他所有信息均存儲至一緩存器中，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作；
[0021 ] S3、該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。
[0022]較佳地，該緩存器中的每一對象以哈希表的形式存儲。
[0023]在符合本領(lǐng)域常識的基礎(chǔ)上，上述各優(yōu)選條件，可任意組合，即得本發(fā)明各較佳實例。
[0024]本發(fā)明的積極進步效果在于:
[0025]本發(fā)明針對移動互聯(lián)網(wǎng)，提高了網(wǎng)頁加載速度和渲染速度，提升了頁面交互能力，增加了頁面操作的流暢度，節(jié)省了性能開銷，使用戶在移動端操作列表頁及其他數(shù)據(jù)量較大的頁面時，體驗更加流暢，降低APP卡頓和崩潰的風險。
【附圖說明】
[0026]圖1為本發(fā)明較佳實施例的網(wǎng)頁數(shù)據(jù)存儲的方法的流程圖。
[0027]圖2為本發(fā)明較佳實施例的網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)的結(jié)構(gòu)框圖。
[0028]圖3為本發(fā)明較佳實施例的網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)的流程圖。
【具體實施方式】
[0029]下面結(jié)合附圖給出本發(fā)明較佳實施例，以詳細說明本發(fā)明的技術(shù)方案，但并不因此將本發(fā)明限制在所述的實施例范圍之中。
[0030]本實施例提供一種網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)，該網(wǎng)頁以D0M樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，每一 D0M節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息；
[0031]緩存器中存儲有該對象的識別信息和除該關(guān)鍵信息外的其他所有信息，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作；
[0032]該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。
[0033]如圖1所示，本實施例還提供一種網(wǎng)頁數(shù)據(jù)存儲的方法，該網(wǎng)頁以D0M樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，其包括以下步驟:
[0034]步驟101、每一 D0M節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息；
[0035]步驟102、將該對象的識別信息和除該關(guān)鍵信息外的其他所有信息均存儲至一緩存器中，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，且該緩存器中的每一對象以哈希表的形式存儲該其他所有信息包括操作碼、操作方法及是否為收縮的操作；
[0036]步驟103、該網(wǎng)頁僅顯不每一對象的關(guān)鍵彳目息。
[0037]參考圖2所示，本實施例提供一種網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)，基于上述的網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)實現(xiàn)，該網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)包括一輸入模塊1、一查詢模塊2和一獲取模塊3。
[0038]其中，該輸入模塊1用于接收針對該網(wǎng)頁中一對象的操作的輸入；
[0039]該查詢模塊2用于根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息；
[0040]該獲取模塊3用于獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。
[0041]在本方案中，僅在每一 D0M節(jié)點中存儲對象的關(guān)鍵內(nèi)容，例如訂單ID(身份標志號)，而將對象的非關(guān)鍵內(nèi)容存儲至緩存器中，這樣當讀取D0M節(jié)點相關(guān)的業(yè)務(wù)信息時，通過訂單ID作為關(guān)鍵值從緩存器中快速獲取，從而避免對D0M節(jié)點和D0M屬性的大量遍歷和計算，大大減輕了 CPU和內(nèi)存的壓力，并減少了 D0M節(jié)點的體積，因此同樣的設(shè)備條件下能夠加載出更多的內(nèi)容，進一步減少APP崩潰的可能性。
[0042]例如，現(xiàn)有技術(shù)中，當訂單卡片加載過多(約80-100張訂單卡片)時，網(wǎng)頁交互操作會出現(xiàn)明顯卡頓甚至崩潰的情況。使用本解決方案后，訂單卡片加載1000張以上時，交互操作都不會出現(xiàn)卡頓現(xiàn)象，也沒出現(xiàn)崩潰的現(xiàn)象，從而使得在用戶訪問時大數(shù)據(jù)量信息時，頁面流暢度增加，大大減少APP崩潰的情況發(fā)生。
[0043]參考圖3所示，本實施例還提供一種網(wǎng)頁數(shù)據(jù)操作的方法，其利用上述的網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)實現(xiàn)，其包括以下步驟:
[0044]步驟201、該輸入模塊接收針對該網(wǎng)頁中一對象的操作的輸入；
[0045]步驟202、該查詢模塊根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息；
[0046]步驟203、該獲取模塊獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。
[0047]本發(fā)明針對移動互聯(lián)網(wǎng)，提高了網(wǎng)頁加載速度和渲染速度，提升了頁面交互能力，增加了頁面操作的流暢度，節(jié)省了性能開銷，使用戶在移動端操作列表頁及其他數(shù)據(jù)量較大的頁面時，體驗更加流暢，降低APP卡頓和崩潰的風險。
[0048]本發(fā)明中的各個功能模塊均能夠在現(xiàn)有的硬件條件下結(jié)合現(xiàn)有的軟件編程手段加以實現(xiàn)，故在此對其具體實現(xiàn)方法均不做贅述。
[0049]雖然以上描述了本發(fā)明的【具體實施方式】，但是本領(lǐng)域的技術(shù)人員應(yīng)當理解，這些僅是舉例說明，本發(fā)明的保護范圍是由所附權(quán)利要求書限定的。本領(lǐng)域的技術(shù)人員在不背離本發(fā)明的原理和實質(zhì)的前提下，可以對這些實施方式做出多種變更或修改，但這些變更和修改均落入本發(fā)明的保護范圍。
【主權(quán)項】
1.一種網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)，該網(wǎng)頁以DOM樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，其特征在于， 每一 D0M節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息； 緩存器中存儲有該對象的識別信息和除該關(guān)鍵信息外的其他所有信息，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作； 該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。2.—種網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)，其特征在于，基于如權(quán)利要求1所述的網(wǎng)頁數(shù)據(jù)存儲的系統(tǒng)實現(xiàn)，該網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)包括一輸入模塊、一查詢模塊和一獲取模塊； 該輸入模塊用于接收針對該網(wǎng)頁中一對象的操作的輸入； 該查詢模塊用于根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息； 該獲取模塊用于獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。3.一種網(wǎng)頁數(shù)據(jù)操作的方法，其特征在于，其利用如權(quán)利要求2所述的網(wǎng)頁數(shù)據(jù)操作的系統(tǒng)實現(xiàn)，其包括以下步驟: S/、該輸入模塊接收針對該網(wǎng)頁中一對象的操作的輸入； s2’、該查詢模塊根據(jù)該對象的識別信息查詢該緩存器中該識別信息對應(yīng)的其他所有信息； s3’、該獲取模塊獲取該對應(yīng)的其他所有信息中的操作方法并根據(jù)該操作方法執(zhí)行。4.一種網(wǎng)頁數(shù)據(jù)存儲的方法，該網(wǎng)頁以D0M樹結(jié)構(gòu)表示，D0M樹結(jié)構(gòu)包括多個D0M節(jié)點，每一 D0M節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，其特征在于，其包括以下步驟: 51、每一DOM節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息； 52、將該對象的識別信息和除該關(guān)鍵信息外的其他所有信息均存儲至一緩存器中，該識別信息和該其他所有信息存在--對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作； 53、該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。5.如權(quán)利要求4所述的網(wǎng)頁數(shù)據(jù)存儲的方法，其特征在于，該緩存器中的每一對象以哈希表的形式存儲。
【專利摘要】本發(fā)明公開了一種網(wǎng)頁數(shù)據(jù)存儲和操作的系統(tǒng)及方法，該網(wǎng)頁以DOM樹結(jié)構(gòu)表示，DOM樹結(jié)構(gòu)包括多個DOM節(jié)點，每一DOM節(jié)點關(guān)聯(lián)該網(wǎng)頁中的一個對象，每一DOM節(jié)點均存儲該對象的關(guān)鍵信息，該關(guān)鍵信息包括識別信息；緩存器中存儲有該對象的識別信息和除該關(guān)鍵信息外的其他所有信息，該識別信息和該其他所有信息存在一一對應(yīng)關(guān)系，該其他所有信息包括操作碼、操作方法及是否為收縮的操作；該網(wǎng)頁僅顯示每一對象的關(guān)鍵信息。本發(fā)明針對移動互聯(lián)網(wǎng)，提高了網(wǎng)頁加載速度和渲染速度，提升了頁面交互能力，增加了頁面操作的流暢度，使用戶在移動端操作列表頁及其他數(shù)據(jù)量較大的頁面時，體驗更加流暢，降低APP卡頓和崩潰的風險。
【IPC分類】G06F17/30
【公開號】CN105404672
【申請?zhí)枴緾N201510801184
【發(fā)明人】顧佳璐, 馮毅, 鄭勇, 馮康
【申請人】上海攜程商務(wù)有限公司
【公開日】2016年3月16日
【申請日】2015年11月19日