本申請涉及計(jì)算機(jī)，尤其涉及一種頁面渲染方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀介質(zhì)。

背景技術(shù)：

1、目前，基于相機(jī)和雷達(dá)的汽車自動駕駛依賴標(biāo)注員在標(biāo)注平臺中進(jìn)行大量的2d圖像和3d點(diǎn)云圖像標(biāo)注，當(dāng)前系統(tǒng)一般采用瀏覽器架構(gòu)，使用前端技術(shù)。標(biāo)注平臺由于需要標(biāo)注員靈活作業(yè)，所以一般采用瀏覽器承載標(biāo)注系統(tǒng)，而瀏覽器的javascript引擎有著單線程的特性，同時加載數(shù)據(jù)的性能受到網(wǎng)絡(luò)訪問速度的影響，很大程度了影響了標(biāo)注系統(tǒng)的作業(yè)體驗(yàn)，影響作業(yè)效率，在加載大量數(shù)據(jù)的情況下會極大的影響性能，頁面渲染效率低。

技術(shù)實(shí)現(xiàn)思路

1、有鑒于此，本申請實(shí)施例提供一種頁面渲染方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀介質(zhì)，能夠解決現(xiàn)有的當(dāng)前系統(tǒng)一般采用瀏覽器架構(gòu)，使用前端技術(shù)，在加載大量數(shù)據(jù)的情況下會極大的影響性能，頁面渲染效率低的問題。

2、為實(shí)現(xiàn)上述目的，根據(jù)本申請實(shí)施例的一個方面，提供了一種頁面渲染方法，包括：響應(yīng)于頁面渲染請求，觸發(fā)創(chuàng)建工作線程并初始化工作線程實(shí)例，獲取對應(yīng)的頁面標(biāo)識；調(diào)用主線程以獲取題目標(biāo)識，基于題目標(biāo)識生成異步消息，將異步消息放入至與工作線程相聯(lián)系的消息隊(duì)列中；當(dāng)工作線程消費(fèi)至異步消息，響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致，獲取題目標(biāo)識對應(yīng)的題目信息；調(diào)用工作線程以根據(jù)題目信息分批查詢幀信息，響應(yīng)于首批次幀信息加載完成，在頁面標(biāo)識對應(yīng)的頁面呈現(xiàn)交互操作控件，同時工作線程繼續(xù)加載首批次的后續(xù)幀信息；響應(yīng)于用戶對交互操作控件的操作對應(yīng)于跳幀操作，執(zhí)行切幀銷毀內(nèi)存進(jìn)程，確定目標(biāo)幀和插入幀信息，響應(yīng)于目標(biāo)幀和插入幀信息已加載，從工作線程中的對象存儲數(shù)據(jù)庫中讀取相應(yīng)的插入幀信息并基于目標(biāo)幀和加入幀信息執(zhí)行幀插入，進(jìn)而渲染得到目標(biāo)頁面。

3、可選地，基于題目標(biāo)識生成異步消息，包括：根據(jù)題目標(biāo)識，確定本次訪問的題目版本；基于題目標(biāo)識和題目版本，生成異步消息。

4、可選地，在響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致之前，方法還包括：執(zhí)行判斷異步消息對應(yīng)的題目標(biāo)識和題目版本是否與本地存儲器中存儲的信息一致的進(jìn)程，并實(shí)時輸出判斷結(jié)果數(shù)據(jù)。

5、可選地，調(diào)用工作線程以根據(jù)題目信息分批查詢幀信息，包括：根據(jù)題目信息確定總幀數(shù)量，獲取設(shè)置的每一批次的幀數(shù)量；根據(jù)總幀數(shù)量和每一批次的幀數(shù)量，確定加載批次數(shù)量；基于加載批次數(shù)量和每一批次的幀數(shù)量依時序分批查詢對應(yīng)的幀信息。

6、可選地，幀信息包括對應(yīng)批次中的每一幀對應(yīng)的2d圖像信息和3d點(diǎn)云圖像信息。

7、可選地，在當(dāng)工作線程消費(fèi)至異步消息之后，方法還包括：響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息一致，提示重復(fù)訪問信息。

8、可選地，交互操作控件包括拉框操作控件；以及方法還包括：響應(yīng)于檢測到用戶操作拉框操作控件，獲取用戶在預(yù)設(shè)時間內(nèi)的連續(xù)操作數(shù)據(jù)；根據(jù)連續(xù)操作數(shù)據(jù)，生成對應(yīng)的標(biāo)注框和與標(biāo)注框?qū)?yīng)的標(biāo)注信息。

9、另外，本申請還提供了一種頁面渲染裝置，包括：第一獲取單元，被配置成響應(yīng)于頁面渲染請求，觸發(fā)創(chuàng)建工作線程并初始化工作線程實(shí)例，獲取對應(yīng)的頁面標(biāo)識；異步消息生成單元，被配置成調(diào)用主線程以獲取題目標(biāo)識，基于題目標(biāo)識生成異步消息，將異步消息放入至與工作線程相聯(lián)系的消息隊(duì)列中；第二獲取單元，被配置成當(dāng)工作線程消費(fèi)至異步消息，響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致，獲取題目標(biāo)識對應(yīng)的題目信息；查詢單元，被配置成調(diào)用工作線程以根據(jù)題目信息分批查詢幀信息，響應(yīng)于首批次幀信息加載完成，在頁面標(biāo)識對應(yīng)的頁面呈現(xiàn)交互操作控件，同時工作線程繼續(xù)加載首批次的后續(xù)幀信息；頁面渲染單元，被配置成響應(yīng)于用戶對交互操作控件的操作對應(yīng)于跳幀操作，執(zhí)行切幀銷毀內(nèi)存進(jìn)程，確定目標(biāo)幀和插入幀信息，響應(yīng)于目標(biāo)幀和插入幀信息已加載，從工作線程中的對象存儲數(shù)據(jù)庫中讀取相應(yīng)的插入幀信息并基于目標(biāo)幀和加入幀信息執(zhí)行幀插入，進(jìn)而渲染得到目標(biāo)頁面。

10、可選地，異步消息生成單元進(jìn)一步被配置成：根據(jù)題目標(biāo)識，確定本次訪問的題目版本；基于題目標(biāo)識和題目版本，生成異步消息。

11、可選地，頁面渲染裝置還包括判斷單元，被配置成：執(zhí)行判斷異步消息對應(yīng)的題目標(biāo)識和題目版本是否與本地存儲器中存儲的信息一致的進(jìn)程，并實(shí)時輸出判斷結(jié)果數(shù)據(jù)。

12、可選地，查詢單元進(jìn)一步被配置成：根據(jù)題目信息確定總幀數(shù)量，獲取設(shè)置的每一批次的幀數(shù)量；根據(jù)總幀數(shù)量和每一批次的幀數(shù)量，確定加載批次數(shù)量；基于加載批次數(shù)量和每一批次的幀數(shù)量依時序分批查詢對應(yīng)的幀信息。

13、可選地，幀信息包括對應(yīng)批次中的每一幀對應(yīng)的2d圖像信息和3d點(diǎn)云圖像信息。

14、可選地，頁面渲染裝置還包括提示單元，被配置成：響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息一致，提示重復(fù)訪問信息。

15、可選地，交互操作控件包括拉框操作控件；以及頁面渲染裝置還包括標(biāo)注單元，被配置成：響應(yīng)于檢測到用戶操作拉框操作控件，獲取用戶在預(yù)設(shè)時間內(nèi)的連續(xù)操作數(shù)據(jù)；根據(jù)連續(xù)操作數(shù)據(jù)，生成對應(yīng)的標(biāo)注框和與標(biāo)注框?qū)?yīng)的標(biāo)注信息。

16、另外，本申請還提供了一種頁面渲染電子設(shè)備，包括：一個或多個處理器；存儲裝置，用于存儲一個或多個程序，當(dāng)一個或多個程序被一個或多個處理器執(zhí)行，使得一個或多個處理器實(shí)現(xiàn)如上述的頁面渲染方法。

17、另外，本申請還提供了一種計(jì)算機(jī)可讀介質(zhì)，其上存儲有計(jì)算機(jī)程序，程序被處理器執(zhí)行時實(shí)現(xiàn)如上述的頁面渲染方法。

18、為實(shí)現(xiàn)上述目的，根據(jù)本申請實(shí)施例的又一個方面，提供了一種計(jì)算機(jī)程序產(chǎn)品。

19、本申請實(shí)施例的一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)程序，程序被處理器執(zhí)行時實(shí)現(xiàn)本申請實(shí)施例提供的頁面渲染方法。

20、上述發(fā)明中的一個實(shí)施例具有如下優(yōu)點(diǎn)或有益效果：本申請通過響應(yīng)于頁面渲染請求，觸發(fā)創(chuàng)建工作線程并初始化工作線程實(shí)例，獲取對應(yīng)的頁面標(biāo)識；調(diào)用主線程以獲取題目標(biāo)識，基于題目標(biāo)識生成異步消息，將異步消息放入至與工作線程相聯(lián)系的消息隊(duì)列中；當(dāng)工作線程消費(fèi)至異步消息，響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致，獲取題目標(biāo)識對應(yīng)的題目信息；調(diào)用工作線程以根據(jù)題目信息分批查詢幀信息，響應(yīng)于首批次幀信息加載完成，在頁面標(biāo)識對應(yīng)的頁面呈現(xiàn)交互操作控件，同時工作線程繼續(xù)加載首批次的后續(xù)幀信息；響應(yīng)于用戶對交互操作控件的操作對應(yīng)于跳幀操作，執(zhí)行切幀銷毀內(nèi)存進(jìn)程，確定目標(biāo)幀和插入幀信息，響應(yīng)于目標(biāo)幀和插入幀信息已加載，從工作線程中的對象存儲數(shù)據(jù)庫中讀取相應(yīng)的插入幀信息并基于目標(biāo)幀和加入幀信息執(zhí)行幀插入，進(jìn)而渲染得到目標(biāo)頁面。從而提高頁面渲染效率。

21、上述的非慣用的可選方式所具有的進(jìn)一步效果將在下文中結(jié)合具體實(shí)施方式加以說明。

技術(shù)特征：

1.一種頁面渲染方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述基于所述題目標(biāo)識生成異步消息，包括：

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，在所述響應(yīng)于所述異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致之前，所述方法還包括：

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述調(diào)用所述工作線程以根據(jù)所述題目信息分批查詢幀信息，包括：

5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述幀信息包括對應(yīng)批次中的每一幀對應(yīng)的2d圖像信息和3d點(diǎn)云圖像信息。

6.根據(jù)權(quán)利要求1所述的方法，其特征在于，在所述當(dāng)所述工作線程消費(fèi)至所述異步消息之后，所述方法還包括：

7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述交互操作控件包括拉框操作控件；以及所述方法還包括：

8.一種頁面渲染裝置，其特征在于，包括：

9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述異步消息生成單元進(jìn)一步被配置成：

10.一種頁面渲染電子設(shè)備，其特征在于，被配置成：

11.一種計(jì)算機(jī)可讀介質(zhì)，其上存儲有計(jì)算機(jī)程序，其特征在于，所述程序被處理器執(zhí)行時實(shí)現(xiàn)如權(quán)利要求1-7中任一項(xiàng)所述的裝置。

12.一種計(jì)算機(jī)程序產(chǎn)品，被配置成計(jì)算機(jī)程序，其特征在于，所述計(jì)算機(jī)程序被處理器執(zhí)行時實(shí)現(xiàn)如權(quán)利要求1-7中任一項(xiàng)所述的裝置。

技術(shù)總結(jié)
本申請公開了一種頁面渲染方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀介質(zhì)，涉及計(jì)算機(jī)技術(shù)領(lǐng)域，該方法包括：響應(yīng)于頁面渲染請求，創(chuàng)建工作線程，獲取頁面標(biāo)識；調(diào)用主線程獲取題目標(biāo)識，生成異步消息；當(dāng)工作線程消費(fèi)至異步消息，響應(yīng)于異步消息對應(yīng)的題目標(biāo)識和題目版本與本地存儲器中存儲的信息不一致，獲取題目信息；調(diào)用工作線程分批查詢幀信息，響應(yīng)于首批次幀信息加載完成，工作線程繼續(xù)加載后續(xù)幀信息；響應(yīng)于跳幀操作，執(zhí)行切幀銷毀內(nèi)存，確定目標(biāo)幀和插入幀信息，響應(yīng)于目標(biāo)幀和插入幀信息已加載，從工作線程中的對象存儲數(shù)據(jù)庫中讀取相應(yīng)的插入幀信息并基于目標(biāo)幀和加入幀信息執(zhí)行幀插入，渲染得到目標(biāo)頁面。從而提高頁面渲染效率。

技術(shù)研發(fā)人員：孫雷博
受保護(hù)的技術(shù)使用者：京東科技信息技術(shù)有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/10/21