[發(fā)明專利]一種商品展示的瀑布流式加載方法、裝置、設備和介質在審
| 申請?zhí)枺?/td> | 202210062578.4 | 申請日： | 2022-01-19 |
| 公開（公告）號： | CN114399365A | 公開（公告）日： | 2022-04-26 |
| 發(fā)明（設計）人： | 何濟寧 | 申請（專利權）人： | 創(chuàng)優(yōu)數(shù)字科技（廣東）有限公司 |
| 主分類號： | G06Q30/06 | 分類號： | G06Q30/06;G06F9/451;G06F9/445;G06F3/0481;G06F3/04855 |
| 代理公司： | 北京集佳知識產(chǎn)權代理有限公司 11227 | 代理人： | 許慶勝 |
| 地址： | 516000 廣東省廣州市海珠區(qū)*** | 國省代碼： | 廣東;44 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 一種 商品 展示 瀑布 加載 方法 裝置 設備 介質 | ||
1.一種商品展示的瀑布流式加載方法，其特征在于，應用于移動終端內(nèi)的小程序，所述小程序包括至少兩個視圖容器，所述方法包括：
從各個所述視圖容器中獲取最后加載的初始商品數(shù)據(jù)所處的像素區(qū)域；
計算多個所述像素區(qū)域之間的像素差值；
當接收到加載指令時，從預設的商品數(shù)據(jù)庫獲取多個更新商品數(shù)據(jù)；
根據(jù)所述像素差值與預設像素閾值的比較結果更新預設的加載起點容器，并基于更新后的加載起點容器加載所述更新商品數(shù)據(jù)至各個所述視圖容器；
當所述更新商品數(shù)據(jù)被加載完成后，渲染全部所述視圖容器，生成目標展示頁面進行展示；
將所述初始商品數(shù)據(jù)更新為所述更新商品數(shù)據(jù)，跳轉執(zhí)行所述從各個所述視圖容器中獲取最后加載的初始商品數(shù)據(jù)所處的像素區(qū)域的步驟。
2.根據(jù)權利要求1所述的方法，其特征在于，所述小程序還包括可視區(qū)域，所述計算多個所述像素區(qū)域之間的像素差值的步驟，包括：
提取各個所述像素區(qū)域對應的初始像素位置；
從多個所述初始像素位置中選取距離所述可視區(qū)域的底端最遠的初始像素位置作為第一目標像素位置；
從多個所述初始像素位置中選取距離所述可視區(qū)域的底端最近的初始像素位置作為第二目標像素位置；
計算所述第一目標像素位置和第二目標像素位置之間的差值作為多個所述像素區(qū)域之間的像素差值。
3.根據(jù)權利要求2所述的方法，其特征在于，所述根據(jù)所述像素差值與預設像素閾值的比較結果更新預設的加載起點容器，并基于更新后的加載起點容器加載所述更新商品數(shù)據(jù)至各個所述視圖容器的步驟，包括：
比較所述像素差值與預設像素閾值；
若所述像素差值大于或等于所述像素閾值，則將預設的加載起點容器更新為所述第一目標像素位置所處的視圖容器；
從更新后的加載起點容器開始依次加載所述更新商品數(shù)據(jù)至各個所述視圖容器。
4.根據(jù)權利要求3所述的方法，其特征在于，所述根據(jù)所述像素差值與預設像素閾值的比較結果更新預設的加載起點容器，并基于更新后的加載起點容器加載所述更新商品數(shù)據(jù)至各個所述視圖容器的步驟，還包括：
若所述像素差值小于所述像素閾值，則將當前的加載起點容器確定為更新后的加載起點容器。
5.根據(jù)權利要求1所述的方法，其特征在于，在所述從各個所述視圖容器中獲取最后加載的初始商品數(shù)據(jù)所處的像素區(qū)域的步驟之前，所述方法還包括：
當接收到首頁打開指令時，從預設的商品數(shù)據(jù)庫獲取多個初始商品數(shù)據(jù)；
基于預設的加載起點容器將所述初始商品數(shù)據(jù)加載至各個所述視圖容器；
渲染全部所述視圖容器，生成初始展示頁面進行展示。
6.根據(jù)權利要求1-5任一項所述的方法，其特征在于，所述小程序還包括瀑布流容器，所述方法還包括：
通過所述瀑布流容器實時監(jiān)聽所述小程序內(nèi)的滾動條對應的滾動條位置；
當所述滾動條位置處于預設的更新閾值位置時，發(fā)送滾動更新指令至所述商品數(shù)據(jù)庫；
通過所述瀑布流容器接收所述商品數(shù)據(jù)庫響應所述滾動更新指令返回的滾動商品數(shù)據(jù)，并將所述滾動商品數(shù)據(jù)確定為新的更新商品數(shù)據(jù)；
跳轉執(zhí)行所述根據(jù)所述像素差值與預設像素閾值的比較結果更新預設的加載起點容器，并基于更新后的加載起點容器加載所述更新商品數(shù)據(jù)至各個所述視圖容器的步驟。
7.根據(jù)權利要求2所述的方法，其特征在于，所述方法還包括：
實時獲取所述更新商品數(shù)據(jù)的像素尺寸；
若所述像素尺寸大于所述可視區(qū)域的尺寸，則逐行加載所述更新商品數(shù)據(jù)對應的像素至所述視圖容器；
若所述像素尺寸小于或等于所述可視區(qū)域的尺寸，則將所述更新商品數(shù)據(jù)對應的全部像素加載至所述視圖容器。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于創(chuàng)優(yōu)數(shù)字科技（廣東）有限公司，未經(jīng)創(chuàng)優(yōu)數(shù)字科技（廣東）有限公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業(yè)授權和技術合作，請聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/202210062578.4/1.html，轉載請聲明來源鉆瓜專利網(wǎng)。
- 上一篇：一種裝配式綠色房屋建筑
- 下一篇：一種金屬飾面保溫一體化板材成型設備
