[发明专利]样式确定方法及装置

说明书

本公开是关于样式确定方法及装置。该方法包括：在创建视图模型实例的目标节点之后，确定目标节点所依赖的目标样式信息对象；目标样式信息对象包括：CSS基础选择器对应的样式规则、CSS后代选择器对应的样式规则、各样式规则的优先级分数、及各CSS后代选择器的索引信息；根据各CSS后代选择器的索引信息，确定目标节点匹配的样式规则；根据各样式规则的优先级分数，将目标节点匹配的各样式规则进行合并，确定目标节点的样式。本公开通过支持后代选择器，能够帮助开发者提高开发效率，实现简单，开发和维护成本低，通过在样式信息对象中保存各CSS后代选择器的索引信息，能够提升样式规则匹配效率，提升应用性能，提高用户体验。

技术领域

本公开涉及终端技术领域，尤其涉及样式确定方法及装置。

背景技术

随着智能终端技术的发展，出现了众多基于移动端、个人计算机(PC，PersonalComputer)端的开发平台以及操作系统。而为了将同一款应用推广至不同平台和操作系统，开发者需要针对不同平台和操作系统分别开发不同的版本，造成开发成本过高，维护工作量过大。鉴于此，设备商推出了诸如快应用平台等能够提供应用秒开功能的统一平台，为用户提供无需下载安装就可以立即使用应用的服务；快应用是基于终端硬件平台的新型应用形态，是一套以前端开发技术栈为主进行应用开发的框架，采用流行的前端开发模式，同时大幅提升应用性能，提供大量前端环境无法使用的系统能力和很多第三方服务的对接能力；基于快应用平台，开发者仅需编写一套代码，快应用可以运行于Android、IOS、Webview等不同开发平台和操作系统，并且开发者可以通过以编写传统html类似的语言方式来编写快应用，能够降低开发者对代码的开发成本，减少维护工作量。

相关技术中，当前主流浏览器都支持层叠样式表(CSS，Cascading Style Sheets)后代选择器，并且支持很多的选择器和功能，例如包括通配符、及样式继承等。

发明内容

为克服相关技术中存在的问题，本公开实施例提供一种样式确定方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种样式确定方法，方法包括：

在创建视图模型实例的目标节点之后，确定所述目标节点所依赖的目标样式信息对象；所述目标样式信息对象包括：层叠样式表CSS基础选择器对应的样式规则、CSS后代选择器对应的样式规则、各所述样式规则的优先级分数、及各所述CSS后代选择器的索引信息；各所述CSS后代选择器的索引信息，用于记录将各所述CSS后代选择器按照CSS后代选择器的名称中最后一个基础选择器的名称进行分类后得到的分类结果；

根据所述目标样式信息对象中各所述CSS后代选择器的索引信息，确定所述目标节点匹配的样式规则；

根据所述目标节点所匹配的各所述样式规则的优先级分数，将所述目标节点匹配的各所述样式规则进行合并，确定所述目标节点的样式。

本公开的实施例提供的技术方案可以包括以下有益效果：该技术方案通过支持后代选择器，能够帮助开发者提高开发效率，实现简单，开发和维护成本低，通过在样式信息对象中保存各CSS后代选择器的索引信息，能够提升样式规则匹配效率，提升应用性能，提高用户体验。

在一个实施例中，所述方法还包括：

当创建所述视图模型实例的根节点时，编译样式代码，生成待注册样式信息对象；

在页面的文档上注册所述待注册样式信息对象；

在所述视图模型实例的根节点上绑定所述待注册样式信息对象的标识。

在一个实施例中，所述确定所述目标节点所依赖的目标样式信息对象，包括：

获取所述目标节点所属的文档上注册的样式信息对象的集合；

获取所述目标节点所属的视图模型实例的根节点上绑定的样式信息对象的标识；