[发明专利]微前端样式处理方法、装置、设备及介质在审
申请号: | 202211114475.4 | 申请日: | 2022-09-14 |
公开(公告)号: | CN115390816A | 公开(公告)日: | 2022-11-25 |
发明(设计)人: | 廖正明 | 申请(专利权)人: | 平安壹钱包电子商务有限公司 |
主分类号: | G06F8/30 | 分类号: | G06F8/30;G06F8/70 |
代理公司: | 北京中强智尚知识产权代理有限公司 11448 | 代理人: | 王妍 |
地址: | 518031 广东省深圳市福田区福田*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 前端 样式 处理 方法 装置 设备 介质 | ||
1.一种微前端样式处理方法,其特征在于,所述方法包括:
将多个子项目的初始层叠样式表文件传入webpack的加载器层,在所述加载器层中,根据多个所述初始层叠样式表文件确定抽象语法树文件;
在所述抽象语法树文件中,为所述子项目中的第一元素对应的样式添加数据源属性,得到修改后的抽象语法树文件,其中,所述数据源属性用于标识所述第一元素所属的子项目;
将所述修改后的抽象语法树文件转换为目标层叠样式表文件。
2.根据权利要求1所述的方法,其特征在于,所述将多个子项目的初始层叠样式表文件传入webpack的加载器层之前,所述方法还包括:
配置所述加载器层的配置参数,其中,所述配置参数包括属性名称参数以及属性值参数;
所述为所述子项目中的第一元素对应的样式添加数据源属性,具体包括:
为所述子项目中的第一元素对应的样式构建与所述数据源属性对应的结构;
在所述结构中,根据所述属性名称参数以及所述属性值参数更新所述数据源属性。
3.根据权利要求2所述的方法,其特征在于,所述为所述子项目中的第一元素对应的样式构建与所述数据源属性对应的结构,包括:
遍历所述抽象语法树文件,根据标识选择器和/或类选择器查找所述第一元素;
为查找到的所述第一元素构建属性选择器,其中,所述属性选择器与所述数据源属性对应。
4.根据权利要求2所述的方法,其特征在于,所述根据所述属性名称参数以及所述属性值参数更新所述数据源属性之前,所述方法还包括:
分别判断每个所述第一元素是否携带scoped属性;
所述根据所述配置参数更新所述数据源属性,包括:
若所述第一元素不携带所述scoped属性,则根据所述属性名称参数以及所述属性值参数更新所述数据源属性。
5.根据权利要求4所述的方法,其特征在于,所述分别判断每个所述第一元素是否携带scoped属性,包括:
若所述第一元素携带标识属性,且所述标识属性的属性值符合预设标识规则,则确定所述第一元素携带所述scoped属性。
6.根据权利要求2所述的方法,其特征在于,所述配置参数包括过滤参数;
所述将所述修改后的抽象语法树文件转换为目标层叠样式表文件之前,还包括:
在所述抽象语法树文件中查找所述子项目的弹窗组件对应的第二元素;
根据所述第二元素对应的标识名或类名,更新所述过滤参数对应的参数值。
7.根据权利要求1所述的方法,其特征在于,所述根据多个所述初始层叠样式表文件确定抽象语法树文件,包括:
依次读取每个所述初始层叠样式表文件中的每个字符,并根据读取到的所述字符构造词法单元,其中,所述词法单元包括词法单元类别以及词法单元值;
组合所述词法单元,得到词法单元序列,并根据所述词法单元序列生成所述抽象语法树文件。
8.一种微前端样式处理装置,其特征在于,所述装置包括:
转换模块,用于将多个子项目的初始层叠样式表文件传入webpack的加载器层,在所述加载器层中,根据多个所述初始层叠样式表文件确定抽象语法树文件;
样式处理模块,在所述抽象语法树文件中,为所述子项目中的第一元素对应的样式添加数据源属性,得到修改后的抽象语法树文件,其中,所述数据源属性用于标识所述第一元素所属的子项目;
所述转换模块,还用于将所述修改后的所述抽象语法树文件转换为目标层叠样式表文件。
9.一种存储介质,其上存储有程序或指令,其特征在于,所述程序或指令被处理器执行时实现如权利要求1至7中任一项所述的方法的步骤。
10.一种电子设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1至7中任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于平安壹钱包电子商务有限公司,未经平安壹钱包电子商务有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211114475.4/1.html,转载请声明来源钻瓜专利网。