[發明專利]一種頁面樣式處理方法、裝置、存儲介質及計算機設備

在審

• 申請號: 202010196625.5
• 申請日: 2020-03-19
• 公開（公告）號: CN111523067A
• 公開（公告）日: 2020-08-11
• 發明（設計）人: 許朗朗
• 申請（專利權）人: 北京辰森世紀科技股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 北京中強智尚知識產權代理有限公司 11448
• 代理人: 黃耀威

1.一種頁面樣式處理方法，其特征在于，包括：

獲取頁面元素的樣式信息，以及所述頁面元素所在的父組件的樣式信息；

根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息；

利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件；

在所述子組件利用所述覆蓋樣式標識信息對類選擇器賦值后，完成所述父組件的樣式覆蓋所述頁面元素的樣式。

2.根據權利要求1所述的方法，其特征在于，所述根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息，包括：

根據所述頁面元素的樣式信息、所述父組件的樣式信息和預設樣式標識生成算法，隨機生成所述頁面元素的樣式標識信息和所述父組件的樣式標識信息；

根據所述頁面元素的樣式標識信息、所述父組件的樣式標識信息和預設覆蓋樣式標識生成算法，生成所述頁面元素的覆蓋樣式標識信息。

3.根據權利要求2所述的方法，其特征在于，所述根據所述頁面元素的樣式標識信息、所述父組件的樣式標識信息和預設覆蓋樣式標識生成算法，生成所述頁面元素的覆蓋樣式標識信息，包括：

將所述頁面元素的樣式標識信息合并添加到所述父組件的樣式標識信息的后面；

將合并后的樣式標識信息，確定為所述頁面元素的覆蓋樣式標識信息。

4.根據權利要求2所述的方法，其特征在于，所述頁面元素的樣式標識信息通過樣式哈希值表示，所述根據所述頁面元素的樣式信息、所述父組件的樣式信息和預設樣式標識生成算法，隨機生成所述頁面元素的樣式標識信息，包括：

將所述頁面元素的樣式信息、和所述父組件的樣式信息分別輸入到預設樣式哈希值生成函數，隨機生成所述頁面元素的樣式哈希值和所述父組件的樣式哈希值。

5.根據權利要求1所述的方法，其特征在于，所述根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息之前，所述方法還包括：

查詢所述頁面元素所在的高階組件，并將所述頁面元素的樣式信息和所述父組件的樣式信息傳遞給所述高階組件；

所述根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息，包括：

通過所述高階組件，根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息；

所述利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件，包括：

通過所述高階組件，利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件。

6.根據權利要求1所述的方法，其特征在于，所述利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件，包括：

將所述覆蓋樣式標識信息作為父到子組件方向的屬性傳遞函數的參數傳遞給所述頁面元素所在的子組件。

7.根據權利要求1所述的方法，其特征在于，所述利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件，包括：

當所述頁面元素所在的子組件調用所述屬性傳遞函數時，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件。

8.一種頁面樣式處理裝置，其特征在于，包括：

獲取單元，用于獲取頁面元素的樣式信息，以及所述頁面元素所在的父組件的樣式信息；

生成單元，用于根據所述頁面元素的樣式信息和所述父組件的樣式信息，生成所述頁面元素的覆蓋樣式標識信息；

傳遞單元，用于利用父到子組件方向的屬性傳遞函數，將所述覆蓋樣式標識信息傳遞給所述頁面元素所在的子組件；

賦值單元，用于所述子組件利用所述覆蓋樣式標識信息對類選擇器賦值。