[发明专利]全局样式共享方法、全局样式共享装置及电子装置

说明书

本公开是关于一种全局样式共享方法、全局样式共享装置、电子装置和计算机可读存储介质。其中全局样式共享方法，包括：读取应用的全局文件中的全局样式标签，其中所述全局样式标签至少包括对象及所述对象对应的第一样式规则；将所述第一样式规则挂载到所述对象上；读取页面或组件的子文件，所述子文件包括所述对象；加载所述页面或组件时，匹配所述第一样式规则至所述对象的样式；根据所述对象的样式，渲染所述页面或组件。通过在全局文件中对相同样式规则定义，在页面或组件中无需再次定义，从而降低了应用RPK包的体积，提高开发效率，也降低了设备运行成本，提高了设备性能。

技术领域

本公开涉及智能终端领域，尤其涉及全局样式共享方法、全局样式共享装置、电子装置和计算机可读存储介质。

背景技术

随着智能终端的发展，在智能终端中的应用种类也越来越多，在通过智能终端打开网页页面，或者使用快应用时，需要在框架(framework)中运行页面对应的DOM(DocumentObjectModel)，文档对象模型)树来渲染页面内容。DOM是W3C组织推荐的处理可扩展标志语言的标准编程接口，一个页面可以对应于一个DOM树，其是一种抽象语法树(AbstractSyntaxTree，简称AST)，是页面源代码的抽象语法结构的树状表现形式，DOM树具有多种节点。

开发者开发时，页面和组件均通过ux文件编写，ux文件由模板(template)、样式(style)和脚本(script)组成；在应用级别的app.ux文件，即全局文件，由于不需要页面结构和样式，所以只需要提供脚本即可。

当前网页页面或快应用样式规则设定于页面或组件的样式(style)标签内，组件的DOM结构只匹配当前组件内的样式规则，页面的DOM结构也只匹配页面内的样式规则，页面与组件的样式规则互不影响，保证了各个DOM结构的样式独立，其中内容也无法复用。

发明内容

为克服相关技术中存在的问题，本公开提供一种全局样式共享方法、全局样式共享装置、电子装置和计算机可读存储介质。

根据本公开实施例的第一方面，提供一种全局样式共享方法，方法包括：读取应用的全局文件中的全局样式标签，其中所述全局样式标签至少包括对象及所述对象对应的第一样式规则；将所述第一样式规则挂载到所述对象上；读取页面或组件的子文件，所述子文件包括所述对象；加载所述页面或组件时，匹配所述第一样式规则至所述对象的样式；根据所述对象的样式，渲染所述页面或组件。

在一实施例中，所述子文件还包括子样式标签，所述子样式标签包括所述对象对应的第二样式规则；所述基于所述第一样式规则，确定所述对象的样式还包括：基于所述第一样式规则和所述第二样式规则，确定所述对象的样式。

在一实施例中，所述基于所述第一样式规则和所述第二样式规则，确定所述对象的样式，包括：分别匹配所述第一样式规则和所述第二样式规则至所述对象的样式；如所述第二样式规则与所述第一样式规则部分或全部重叠，则所述部分或全部匹配所述第二样式规则至所述对象的样式。

在一实施例中，所述基于所述第一样式规则和所述第二样式规则，确定所述对象的样式，包括：分别匹配所述第一样式规则和所述第二样式规则至所述对象的样式；如所述第二样式规则与所述第一样式规则部分或全部重叠，则所述部分或全部匹配所述第一样式规则和所述第二样式规则中优先级高的至所述对象的样式。

在一实施例中，所述页面或组件的子文件具有DOM结构。

根据本公开实施例的第二方面，提供一种全局样式共享装置，装置包括：读取单元，用于读取应用的全局文件中的全局样式标签，其中所述全局样式标签至少包括对象及所述对象对应的第一样式规则；及，读取页面或组件的子文件，所述子文件包括所述对象；挂载单元，用于将所述第一样式规则挂载到所述对象上；加载单元，用于加载所述页面或组件时，匹配所述第一样式规则至所述对象的样式；渲染单元，用于根据所述对象的样式，渲染所述页面或组件。