[發(fā)明專利]頁面組件處理方法及裝置有效
| 申請?zhí)枺?/td> | 201811637269.5 | 申請日： | 2018-12-29 |
| 公開（公告）號： | CN109726346B | 公開（公告）日： | 2020-08-25 |
| 發(fā)明（設(shè)計）人： | 周文洪;范亞楠;陳楚華 | 申請（專利權(quán)）人： | 北京創(chuàng)鑫旅程網(wǎng)絡(luò)技術(shù)有限公司 |
| 主分類號： | G06F16/958 | 分類號： | G06F16/958;G06F16/957;G06F9/445 |
| 代理公司： | 北京鉦霖知識產(chǎn)權(quán)代理有限公司 11722 | 代理人： | 王淑玲;李志新 |
| 地址： | 100015 北京市*** | 國省代碼： | 北京;11 |
| 權(quán)利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關(guān)鍵詞： | 頁面 組件 處理 方法 裝置 | ||
本發(fā)明實施例的方面涉及頁面組件處理方法及裝置。頁面組件處理方法應(yīng)用于客戶端，所述方法包括：獲取并存儲異步加載組件實例；輪詢所述異步加載組件實例，并根據(jù)所述輪詢，加載所述異步加載組件實例。通過本發(fā)明實施例，當(dāng)頁面異步加載組件時，可避免異步加載組件時頁面抖動的情況。
技術(shù)領(lǐng)域
本發(fā)明實施例涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別地是涉及頁面組件處理方法及裝置。
背景技術(shù)
隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁更新迭代速度越來越快，頁面元素越來個性化、特色化。
目前，針對網(wǎng)頁的開發(fā)主要方式為：工程師根據(jù)網(wǎng)頁用途開發(fā)大量的頁面模板，以及根據(jù)頁面功能或者主題開發(fā)大量的組件樣式，當(dāng)選定一款頁面模板，以及在模板中添加了需要的組件，就生成了一個個性化的網(wǎng)頁頁面。
當(dāng)客戶端加載組件時，為實現(xiàn)用戶更快捷，更自然的瀏覽體驗，很多大型網(wǎng)站多使用Ajax(Asynchronous JavaScript and XML，異步JavaScript和XML)異步加載技術(shù)加載頁面中的組件。
借助異步加載技術(shù)，可以在網(wǎng)頁上進行操作時，使用JavaScript腳本語言立即更新頁面，并向服務(wù)器發(fā)出異步請求，以執(zhí)行更新或查詢數(shù)據(jù)庫。當(dāng)請求返回時，就可以使用JavaScript和CSS(Cascading StyleSheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”)來相應(yīng)地更新頁面，而不是刷新整個頁面，實現(xiàn)了頁面快速響應(yīng)。
然而，異步加載方式也有缺點，不同組件的加載速度，由服務(wù)器的響應(yīng)時間決定，先接收到響應(yīng)而返回的組件會首先呈現(xiàn)在頁面上，當(dāng)該組件前面順序的組件之后完成加載，并呈現(xiàn)在頁面上時，在視覺上會出現(xiàn)抖動現(xiàn)象，影響用戶體驗。
發(fā)明內(nèi)容
本發(fā)明實施例提供的頁面組件處理方法及裝置，可獲取并存儲異步加載組件實例，并對獲取的異步加載組件實例采取輪詢機制，通過對異步加載組件實例的輪詢，可流暢的加載組件實例，提升用戶體驗。
本發(fā)明實施例的一個方面提供了頁面組件處理方法，該方法應(yīng)用于客戶端，所述方法包括：獲取并存儲異步加載組件實例；輪詢所述異步加載組件實例，并根據(jù)所述輪詢，加載所述異步加載組件實例。
一種可能的實施例中，所述獲取并存儲異步加載組件實例之前，所述方法還包括：確定異步加載的組件實例，以及確定異步加載的組件實例的順序。
另一種可能的實施例中，所述確定異步加載的組件實例，所述方法包括：確定異步加載的組件實例預(yù)設(shè)的屬性標(biāo)簽；以及根據(jù)所述異步加載的組件實例預(yù)設(shè)的屬性標(biāo)簽，渲染所述異步加載的組件實例屬性標(biāo)簽為空標(biāo)簽。
又一種可能的實施例中，所述確定需要異步加載組件的順序包括：遍歷頁面中需要異步加載組件實例的順序；以及根據(jù)所述頁面中異步下載組件實例的順序，存儲所述頁面中異步下載組件實例的順序到內(nèi)存中。
一種可能的實施例中，所述輪詢所述服務(wù)器端返回的所述異步加載組件順序，包括：按照所述確定異步加載的組件實例順序，依次判斷組件實例是否加載完成；加載未完成，等待下次輪詢；以及加載完成，將所述加載完成的所述組件實例從內(nèi)存中取出，插入到對應(yīng)空標(biāo)簽中。
另一種可能的實施例中，將所述加載完成的所述組件實例從內(nèi)存中取出，插入到對應(yīng)空標(biāo)簽中之后，所述方法還包括：從所述組件實例順序中移除所述加載完成的所述組件實例。
本發(fā)明實施例的另一個方面提供了頁面組件處理裝置，所述裝置應(yīng)用于客戶端，所述裝置包括：確定單元，用于獲取并存儲異步加載組件實例；輪詢單元，用于輪詢所述異步加載組件實例，并加載單元，用于根據(jù)所述輪詢，加載所述異步加載組件實例。
一種可能的實施例中，其中，所述確定單元還用于：所述獲取并存儲異步加載組件實例之前，確定異步加載的組件實例，以及確定異步加載的組件實例的順序。
該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息，商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于北京創(chuàng)鑫旅程網(wǎng)絡(luò)技術(shù)有限公司，未經(jīng)北京創(chuàng)鑫旅程網(wǎng)絡(luò)技術(shù)有限公司許可，擅自商用是侵權(quán)行為。如果您想購買此專利、獲得商業(yè)授權(quán)和技術(shù)合作，請聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201811637269.5/2.html，轉(zhuǎn)載請聲明來源鉆瓜專利網(wǎng)。
