[發明專利]小程序的界面渲染方法、裝置、電子設備和存儲介質

在審

• 申請號: 201811404210.1
• 申請日: 2018-11-23
• 公開（公告）號: CN109375918A
• 公開（公告）日: 2019-02-22
• 發明（設計）人: 趙峴
• 申請（專利權）人: 天津字節跳動科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/65
• 代理公司: 北京清亦華知識產權代理事務所(普通合伙) 11201
• 代理人: 張潤

1.一種小程序的界面渲染方法，其特征在于，包括：

接收服務端發送的用戶界面的當前頁面數據；

獲取上次保存的所述用戶界面的歷史頁面數據；

根據所述當前頁面數據和所述歷史頁面數據生成目標頁面數據；

根據所述目標頁面數據，確定所述用戶界面的虛擬DOM樹中的節點更改數據；

將所述節點更改數據發送給界面渲染組件，以使所述界面渲染組件根據所述節點更改數據對所述用戶界面進行渲染，以得到更新后的用戶界面。

2.如權利要求1所述的方法，其特征在于，所述根據所述目標頁面數據，確定所述用戶界面的虛擬DOM樹中的節點更改數據，包括：

根據所述目標頁面數據，生成所述用戶界面的新虛擬DOM樹；

獲取上次保存的所述用戶界面的歷史虛擬DOM樹；

將所述新虛擬DOM樹和所述歷史虛擬DOM樹進行數據差異比對，以得到所述節點更改數據。

3.如權利要求2所述的方法，其特征在于，在所述將所述節點更改數據發送給界面渲染組件之后，所述方法還包括：

根據所述目標頁面數據更新所述歷史頁面數據；

根據所述新虛擬DOM樹更新所述歷史虛擬DOM樹。

4.如權利要求1所述的方法，其特征在于，所述當前頁面數據為增量數據時，所述方法還包括：

接收所述界面渲染組件發送的刷新用戶界面事件。

5.一種小程序的界面渲染裝置，其特征在于，包括：

第一接收模塊，用于接收服務端發送的用戶界面的當前頁面數據；

第一獲取模塊，用于獲取上次保存的所述用戶界面的歷史頁面數據；

生成模塊，用于根據所述當前頁面數據和所述歷史頁面數據生成目標頁面數據；

確定模塊，用于根據所述目標頁面數據，確定所述用戶界面的虛擬DOM樹中的節點更改數據；

發送模塊，用于將所述節點更改數據發送給界面渲染組件，以使所述界面渲染組件根據所述節點更改數據對所述用戶界面進行渲染，以得到更新后的用戶界面。

6.如權利要求5所述的裝置，其特征在于，所述確定模塊，具體用于：

根據所述目標頁面數據，生成所述用戶界面的新虛擬DOM樹；

獲取上次保存的所述用戶界面的歷史虛擬DOM樹；

將所述新虛擬DOM樹和所述歷史虛擬DOM樹進行數據差異比對，以得到所述節點更改數據。

7.如權利要求6所述的裝置，其特征在于，所述裝置還包括：

第二更新模塊，用于在所述將所述節點更改數據發送給界面渲染組件之后，根據所述新虛擬DOM樹更新所述歷史虛擬DOM樹；

第一更新模塊，用于在所述將所述節點更改數據發送給界面渲染組件之后，根據所述目標頁面數據更新所述歷史頁面數據。

8.如權利要求5所述的裝置，其特征在于，所述當前頁面數據為增量數據時，所述裝置還包括：

第二接收模塊，用于接收所述界面渲染組件發送的刷新用戶界面事件。

9.一種電子設備，其特征在于，包括：

至少一個處理器；以及，與所述至少一個處理器通信連接的存儲器；

其中，所述存儲器存儲有可被所述至少一個處理器執行的指令，所述指令被設置為用于執行上述權利要求1-4任一項所述的小程序的界面渲染方法。

10.一種非暫態計算機可讀存儲介質，其特征在于，所述非暫態計算機可讀存儲介質存儲計算機指令，所述計算機指令用于使所述計算機執行權利要求1-4任一項所述的小程序的界面渲染方法。