【技術實現步驟摘要】
本申請實施例涉及電子，尤其涉及一種顯示控制方法、請求處理方法及計算設備。
技術介紹
1、信息流(feed流)是一種持續提供內容的數據形式，信息流中包括大量數據元素，數據元素例如可以是視頻、圖文資訊等。信息流在頁面中進行顯示時，通常像瀑布一樣縱向排列，因此信息流也被稱為長列表。
2、由于信息流中的數據元素過多，通常會采用無限滾動方式在頁面中進行顯示，現有技術中，客戶端會一次請求獲取一組數據元素，并將一組數據元素渲染至頁面中，一組數據元素全部顯示之后，再次觸發獲取請求，以再次獲取一組數據元素并渲染至頁面中，此時，就需要等待下一組數據元素到達并渲染至頁面中才能進行顯示。
3、由上文描述可知，現有技術的這種實現方式，滾動過程中會反復存在一定時間的停頓，因此，頁面渲染較慢，影響顯示效率，影響用戶的滑動行為及瀏覽體驗。
技術實現思路
1、本申請實施例提供一種顯示控制方法、請求處理方法及計算設備，用以解決現有技術中頁面渲染較慢的技術問題。
2、第一方面，本申請實施例中提供了一種顯示控制方法，包括：
3、檢測信息流更新事件；
4、響應于所述信息流更新事件，生成第一數量的占位元素并將所述第一數量的占位元素保存至本地第一存儲空間；
5、從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面；
6、從服務端獲取信息流中的數據元素并將所述數據元素保存至本地第二存儲空間中；
7、從所
8、可選地，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
9、確定渲染區域對應的第二數量的列表項；
10、復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域。
11、可選地，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
12、檢測第一列表項在可視區域中發生消失事件；所述渲染區域包含所述可視區域且大于等于所述可視區域；
13、回收所述第一列表項之前的第n個列表項；其中，n為正整數；
14、將當前末尾列表項對應占位元素的下一個占位元素，渲染至所述渲染區域以作為最新末尾列表項。
15、可選地，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
16、檢測第一列表項在可視區域中發生的消失事件；
17、回收所述第一列表項；
18、在所述渲染區域新增第二列表項；
19、檢測所述第二列表項在所述可視區域發生顯現事件；
20、將所述第二列表項對應的占位元素，渲染至所述第二列表項。
21、可選地，所述方法還包括：
22、確定當前已渲染的第二數量的列表元素中的倒數第m個列表元素；
23、檢測所述倒數第m個列表元素在可視區域中發生顯現事件，生成信息流更新事件；其中，m為正整數；所述列表元素為所述占位元素或所述數據元素。
24、可選地，所述從服務端獲取信息流中的數據元素包括：
25、基于所述占位元素的生成數量，生成x個獲取請求；所述x為正整數；
26、從所述x個獲取請求中輪詢獲取y個獲取請求；所述y為正整數；
27、向服務端發送y+l個獲取請求；所述l為正整數；
28、獲取所述服務端響應任一個獲取請求返回的第三數量的數據元素。
29、可選地，所述從所述x個獲取請求中輪詢獲取y個獲取請求包括：
30、按照請求生成時間從遠至近或者從近至遠的順序，從所述x個獲取請求中輪詢獲取y個獲取請求。
31、可選地，所述響應于所述信息流更新事件，生成第一數量的占位元素包括：
32、響應于所述信息流更新事件或者所述占位元素的生成事件，基于占位內容生成第一數量的占位元素。
33、可選地，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
34、在屏幕刷新周期內，從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面。
35、可選地，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
36、將第二數量的原生節點渲染至頁面的渲染區域；
37、在所述渲染區域中的任一個原生節點在可視區域顯示時，將所述原生節點對應的未渲染的占位元素渲染至所述原生節點。
38、可選地，所述方法還包括：
39、基于用戶針對所述頁面觸發的滑動操作，調用瀏覽器內核執行頁面滾動；
40、所述檢測信息流更新事件包括：
41、在所述頁面滾動過程中，檢測信息流更新事件。
42、可選地，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
43、檢測渲染區域的元素更新事件；
44、響應于所述元素更新事件，確定所述渲染區域待回收的第一列表項數量，以及待渲染的第二列表項數量；
45、根據頁面滾動方向，回收所述渲染區域中第一列表項數量的列表元素；以及從所述第一存儲空間中選擇第二列表項數量的列表元素渲染至所述渲染區域。
46、可選地，所述從服務端獲取信息流中的數據元素包括：
47、響應于信息流更新事件，從服務端獲取信息流中的數據元素。
48、可選地，所述方法還包括：
49、根據第一列表項在可視區域的顯示內容在整體元素內容中的占比小于等于第二閾值時，生成消失事件。
50、可選地，所述方法還包括：
51、根據第m個列表元素在可視區域的顯示內容在整體元素內容中的占比大于等于第一閾值時，生成顯現事件。
52、可選地，所述方法還包括：
53、在顯示界面提供頁面的可視區域；
54、在可視區域中顯示至少一個占位元素或者至少一個數據元素。
55、第二方面，本申請實施例中提供了一種請求處理方法，包括：
56、獲取客戶端發送的至少一個獲取請求；所述至少一個獲取請求為所述客戶端響應于信息流更新事件或者響應于占位元素的生成數量而發送，其中，所述信息流更新事件用以觸發生成第一數量的占位元素，并將未渲染的第二數量的占位元素渲染至頁面中；
57、將所述至少一個獲取請求分別對應的第三數量的數據元素發送至所述客戶端，以供所述客戶端保存所述至少一個獲取請求分別對應的第三數量的數據元素至本地第二存儲空間中，并從所述第二存儲空間中本文檔來自技高網...
【技術保護點】
1.一種顯示控制方法，其特征在于，包括：
2.根據權利要求1所述的方法，其特征在于，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
3.根據權利要求2所述的方法，其特征在于，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
4.根據權利要求2所述的方法，其特征在于，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
5.根據權利要求1所述的方法，其特征在于，還包括：
6.根據權利要求1所述的方法，其特征在于，所述從服務端獲取信息流中的數據元素包括：
7.根據權利要求6所述的方法，其特征在于，所述從所述X個獲取請求中輪詢獲取Y個獲取請求包括：
8.根據權利要求1所述的方法，其特征在于，所述響應于所述信息流更新事件，生成第一數量的占位元素包括：
9.根據權利要求1所述的方法，其特征在于，所述從所述第一存儲空間確定未渲染的第二數量的
10.根據權利要求1所述的方法，其特征在于，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
11.根據權利要求1所述的方法，其特征在于，還包括：
12.一種請求處理方法，其特征在于，包括：
13.一種計算設備，其特征在于，包括處理組件以及存儲組件；
14.一種計算機可讀存儲介質，其特征在于，存儲有計算機程序，所述計算機程序被計算機執行時，實現如權利要求1～11任一項所述顯示控制方法或者如權利要求12所述的請求處理方法。
...【技術特征摘要】
1.一種顯示控制方法，其特征在于，包括：
2.根據權利要求1所述的方法，其特征在于，所述從所述第一存儲空間確定未渲染的第二數量的占位元素并將所述第二數量的占位元素渲染至頁面包括：
3.根據權利要求2所述的方法，其特征在于，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
4.根據權利要求2所述的方法，其特征在于，所述復用所述第二數量的列表項，以將從所述第一存儲空間中依次確定的第二數量的占位元素渲染至所述渲染區域包括：
5.根據權利要求1所述的方法，其特征在于，還包括：
6.根據權利要求1所述的方法，其特征在于，所述從服務端獲取信息流中的數據元素包括：
7.根據權利要求6所述的方法，其特征在于，所述從所述x個獲取請求中輪詢獲取y個獲取請求包括：
...【專利技術屬性】
技術研發人員：李帥，
申請(專利權)人：淘寶中國軟件有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。