[发明专利]前端应用的样式处理方法、装置、电子设备及存储介质在审

专利信息
申请号: 202110953828.9 申请日: 2021-08-19
公开(公告)号: CN115904343A 公开(公告)日: 2023-04-04
发明(设计)人: 龚顺 申请(专利权)人: 苏州国双软件有限公司
主分类号: G06F8/33 分类号: G06F8/33;G06F8/35
代理公司: 北京集佳知识产权代理有限公司 11227 代理人: 尹秀
地址: 215011 江苏省苏州市*** 国省代码: 江苏;32
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 前端 应用 样式 处理 方法 装置 电子设备 存储 介质
【权利要求书】:

1.一种前端应用的样式处理方法,其特征在于,包括:

获取前端应用的子项目的目标元素;

依据预设规则修改所述目标元素的样式选择器的参数为目标参数;

当确定所述子项目中DOM元素的插入样式标签插入到所述子项目的DOM节点时,获取所述DOM元素的DOM元素样式选择器,所述DOM元素为所述目标元素中的任意一个元素;

修改所述DOM元素的初始样式参数为目标参数,使得所述样式标签对应的DOM元素依据所述目标参数渲染。

2.根据权利要求1所述的方法,其特征在于,还包括:

当确定所述子项目的DOM元素的获取函数执行时,获得所述获取函数的DOM节点参数;

修改所述DOM节点参数中样式选择器的参数值为目标参数值。

3.根据权利要求1或2所述的方法,其特征在于,所述样式选择器包括:ID选择器和class选择器;

则所述依据预设规则修改所述目标元素的样式选择器的参数为目标参数包括:

获取所述子项目的名称;

将包括所述子项目的名称的第一参数确定为所述ID选择器的参数;

将包括所述子项目的名称的第二参数确定为所述class选择器的参数。

4.根据权利要求1或2所述的方法,其特征在于,所述当确定所述子项目中DOM元素的插入样式标签插入到所述子项目的DOM节点时包括:

当预设标签插入函数执行时;所述预设标签插入函数用于在所述DOM节点中插入动态样式标签;

或者,

当确定预设目标元素设置函数执行时;所述预设目标元素设置函数用于修改所述目标元素的属性。

5.根据权利要求2所述的方法,其特征在于,还包括:

当所述获取函数执行完成后,将所述DOM元素的目标参数值修改为初始样式参数作为返回结果。

6.一种前端应用的样式处理装置,其特征在于,包括:

获取单元,用于获取前端应用的子项目的目标元素;

第一修改单元,用于依据预设规则修改所述目标元素的样式选择器的参数为目标参数;

插入单元,用于当确定所述子项目中DOM元素的插入样式标签插入到所述子项目的DOM节点时,获取所述DOM元素的DOM元素样式选择器;所述DOM元素为所述目标元素中的任意一个元素;

第二修改单元,用于修改所述DOM元素的初始样式参数为目标参数,使得所述样式标签对应的DOM元素依据所述目标参数渲染。

7.根据权利要求6所述的装置,其特征在于,还包括:

确定单元,用于当确定所述子项目的DOM元素的获取函数执行时,获得所述获取函数的DOM节点参数;修改所述DOM节点参数中样式选择器的参数值为目标参数值。

8.根据权利要求6或7所述的装置,其特征在于,所述样式选择器包括:ID选择器和class选择器;

则所述第一修改单元具体用于:

获取所述子项目的名称;

将包括所述子项目的名称的第一参数确定为所述ID选择器的参数;

将包括所述子项目的名称的第二参数确定为所述class选择器的参数。

9.一种设备,其特征在于,所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1~5任意一项权利要求所述的一种前端应用的样式处理方法。

10.一种存储介质,其特征在于,所述存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如上权利要求1至5任一项所述的一种前端应用的样式处理方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于苏州国双软件有限公司,未经苏州国双软件有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110953828.9/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top