[發(fā)明專利]一種頁面加載的方法、裝置及電子設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 202111113546.4
• 申請(qǐng)日: 2021-09-23
• 公開（公告）號(hào): CN113792240A
• 公開（公告）日: 2021-12-14
• 發(fā)明（設(shè)計(jì)）人: 韓月強(qiáng)
• 申請(qǐng)（專利權(quán)）人: 上海淇玥信息技術(shù)有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F9/451;G06F9/50
• 代理公司: 上海點(diǎn)威知識(shí)產(chǎn)權(quán)代理有限公司 31326
• 代理人: 杜焱

1.一種頁面加載的方法，其特征在于，包括：

獲取待渲染數(shù)據(jù)；

對(duì)所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個(gè)數(shù)據(jù)單元；

將所述數(shù)據(jù)單元分入連續(xù)幀的待渲染頁面的不同幀的渲染任務(wù)隊(duì)列中；

在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，完成當(dāng)前幀的所述待渲染頁面的渲染。

2.如權(quán)利要求1所述的頁面加載的方法，其特征在于，所述對(duì)所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個(gè)數(shù)據(jù)單元，包括：

通過異步線程，按最小顆粒度對(duì)所述大數(shù)據(jù)組進(jìn)行切分，得到多個(gè)所述數(shù)據(jù)單元。

3.如權(quán)利要求1或2所述的頁面加載的方法，其特征在于，所述在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，包括：

通過主線程對(duì)所述待渲染數(shù)據(jù)中的小數(shù)據(jù)組進(jìn)行渲染，并在所述小數(shù)據(jù)組渲染完畢后，判斷當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列是否為空；

當(dāng)所述渲染任務(wù)隊(duì)列不為空時(shí)，提取所述渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元通過所述主線程執(zhí)行，直至所述渲染任務(wù)隊(duì)列為空；

當(dāng)所述渲染任務(wù)隊(duì)列為空時(shí)，完成當(dāng)前幀的所述待渲染頁面的渲染。

4.如權(quán)利要求1-3任意一條所述的頁面加載的方法，其特征在于，所述提取所述渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元通過所述主線程執(zhí)行，包括：

判斷所述渲染任務(wù)隊(duì)列中是否包含宏任務(wù)；

當(dāng)所述渲染任務(wù)隊(duì)列包含宏任務(wù)時(shí)，執(zhí)行所述宏任務(wù)；

當(dāng)所述渲染任務(wù)隊(duì)列不包含宏任務(wù)時(shí)，執(zhí)行所述微任務(wù)。

5.如權(quán)利要求1-4任意一條所述的頁面加載的方法，其特征在于，所述方法還包括：

獲取每組所述待渲染數(shù)據(jù)的目標(biāo)屬性；

判斷所述目標(biāo)屬性是否超過預(yù)設(shè)閾值；

當(dāng)所述目標(biāo)屬性大于預(yù)設(shè)閾值時(shí)，所述待渲染數(shù)據(jù)為所述大數(shù)據(jù)組；

當(dāng)所述目標(biāo)屬性小于或等于預(yù)設(shè)閾值時(shí)，所述待渲染數(shù)據(jù)為小數(shù)據(jù)組。

6.一種頁面加載的裝置，其特征在于，包括：

獲取模塊，用以獲取待渲染數(shù)據(jù)；

切分模塊，用以對(duì)所述待渲染數(shù)據(jù)中的大數(shù)據(jù)組進(jìn)行切分，得到多個(gè)數(shù)據(jù)單元；

分組模塊，用以將所述數(shù)據(jù)單元分入連續(xù)幀的待渲染頁面的不同幀的渲染任務(wù)隊(duì)列中；

渲染模塊，用以在待渲染數(shù)據(jù)中的小數(shù)據(jù)組渲染完畢后，獲取當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元進(jìn)行渲染，完成當(dāng)前幀的所述待渲染頁面的渲染。

7.如權(quán)利要求6所述的頁面加載的方法，其特征在于，所述切分模塊，具體用以通過異步線程，按最小顆粒度對(duì)所述大數(shù)據(jù)組進(jìn)行切分，得到多個(gè)所述數(shù)據(jù)單元。

8.如權(quán)利要求7所述的頁面加載的方法，其特征在于，所述渲染模塊，具體用以通過主線程對(duì)所述待渲染數(shù)據(jù)中的小數(shù)據(jù)組進(jìn)行渲染，并在所述小數(shù)據(jù)組渲染完畢后，判斷當(dāng)前幀的待渲染頁面的渲染任務(wù)隊(duì)列是否為空；當(dāng)所述渲染任務(wù)隊(duì)列不為空時(shí)，提取所述渲染任務(wù)隊(duì)列中的所述數(shù)據(jù)單元通過所述主線程執(zhí)行，直至所述渲染任務(wù)隊(duì)列為空；當(dāng)所述渲染任務(wù)隊(duì)列為空時(shí)，完成當(dāng)前幀的所述待渲染頁面的渲染。

9.一種電子設(shè)備，其中，該電子設(shè)備包括：

處理器；

以及，存儲(chǔ)計(jì)算機(jī)可執(zhí)行指令的存儲(chǔ)器，所述可執(zhí)行指令在被執(zhí)行時(shí)使所述處理器執(zhí)行根據(jù)權(quán)利要求1-5中任一項(xiàng)所述的方法。

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)一個(gè)或多個(gè)程序，所述一個(gè)或多個(gè)程序當(dāng)被處理器執(zhí)行時(shí)，實(shí)現(xiàn)權(quán)利要求1-5中任一項(xiàng)所述的方法。