[發明專利]一種層疊樣式表的渲染方法及相關裝置

在審

• 申請號: 202010412720.4
• 申請日: 2020-05-15
• 公開（公告）號: CN111723322A
• 公開（公告）日: 2020-09-29
• 發明（設計）人: 張穎;鄧淮謙
• 申請（專利權）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 丁曼曼

1.一種層疊樣式表的渲染方法，其特征在于，包括：

構建CSS原子基礎類庫；

當獲取到待解析層疊樣式表時，根據所述待解析層疊樣式表的配置信息判斷是否存在對應的原子CSS；

若是，則根據所述CSS原子基礎類庫對對應的元素進行渲染；

若否，則根據BEM樣式表對對應的元素進行渲染處理。

2.根據權利要求1所述的渲染方法，其特征在于，構建CSS原子基礎類庫，包括：

判斷待構建元素是否為CSS原子覆蓋元素；

若是，則采用原子類CSS通用樣式對所述待構建元素進行CSS原子類構建，得到所述CSS原子基礎類庫。

3.根據權利要求2所述的渲染方法，其特征在于，還包括：

當所述待構建元素不存在對應的通用樣式時，對所述待構建元素設置多個對應的新增通用樣式；

將所有所述新增通用樣式添加至所述CSS原子基礎類庫。

4.根據權利要求1所述的渲染方法，其特征在于，根據BEM樣式表對對應的元素進行渲染處理，包括：

根據所述元素的特定組件類名稱查找到對應的CSS樣式；

根據所述CSS樣式對所述元素進行渲染。

5.一種層疊樣式表的渲染裝置，其特征在于，包括：

基礎類庫構建模塊，用于構建CSS原子基礎類庫；

渲染判斷模塊，用于當獲取到待解析層疊樣式表時，根據所述待解析層疊樣式表的配置信息判斷是否存在對應的原子CSS；

原子渲染模塊，用于當存在對應的原子CSS時，根據所述CSS原子基礎類庫對對應的元素進行渲染；

BEM渲染模塊，用于當不存在對應的原子CSS時，根據BEM樣式表對對應的元素進行渲染處理。

6.根據權利要求5所述的渲染裝置，其特征在于，所述基礎類庫構建模塊，包括：

原子覆蓋判斷單元，用于判斷待構建元素是否為CSS原子覆蓋元素；

原子CSS構建單元，用于當所述待構建元素為CSS原子覆蓋元素時，采用原子類CSS通用樣式對所述待構建元素進行CSS原子類構建，得到所述CSS原子基礎類庫。

7.根據權利要求6所述的渲染裝置，其特征在于，所述基礎類庫構建模塊，還包括：

通用樣式新增單元，用于當所述待構建元素不存在對應的通用樣式時，對所述待構建元素設置多個對應的新增通用樣式；

通用樣式添加單元，用于將所有所述新增通用樣式添加至所述CSS原子基礎類庫。

8.根據權利要求5所述的渲染裝置，其特征在于，所述BEM渲染模塊，包括：

CSS樣式查找單元，用于根據所述元素的特定組件類名稱查找到對應的CSS樣式；

CSS樣式渲染單元，用于根據所述CSS樣式對所述元素進行渲染。

9.一種計算機設備，其特征在于，包括：

存儲器，用于存儲計算機程序；

處理器，用于執行所述計算機程序時實現如權利要求1至4任一項所述的渲染方法的步驟。

10.一種計算機可讀存儲介質，其特征在于，所述計算機可讀存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時實現如權利要求1至4任一項所述的渲染方法的步驟。