一种组件处理方法、装置、电子设备及可读存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114327616A(43)申请公布日2022.04.12(21)申请号202111460649.8(22)申请日2021.12.01(71)申请人北京三快在线科技有限公司地址100080北京市海淀区北四环西路9号2106-030(72)发明人陈森伟吴熙辰李少元张戈弋洪凯林(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人庞静(51)Int.Cl.G06F8/76(2018.01)权利要求书2页说明书9页附图2页(54)发明名称一种组件处理方法、装置、电子设备及可读存储介质(57)摘要本发明实施例提供了一种组件处理方法、装置、电子设备及可读存储介质，以提高渲染能力，应用于网络技术领域。该方法中，在小程序的运行阶段，基于小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例。基于预创建的实例管理器，确定各第三方组件实例对应的原生小程序组件实例，并将第三方组件实例对应的特定属性信息的渲染信息传递给对应的原生小程序组件实例。基于对应的原生小程序组件实例，根据渲染信息渲染特定属性信息。这样，基于实例管理器在第三方组件实例与原生小程序组件实例之间传递特定属性信息的渲染信息，使得原生小程序组件实例可以拿到渲染信息并进行特定属性信息的渲染，进而可以提高渲染能力。CN114327616ACN114327616A权利要求书1/2页1.一种组件处理方法，其特征在于，所述方法包括：在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例；基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，并将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例；基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述代码文件中的管理器组件创建所述实例管理器；将各所述第三方组件实例以及各所述原生小程序组件实例的实例ID注册至所述实例管理器；对应同一第三方框架组件的第三方组件实例以及原生小程序组件实例的实例ID相同；所述基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，包括：对于任一所述第三方组件实例，通过所述实例管理器查找实例ID与所述第三方组件实例的实例ID相适配的原生小程序组件实例，以作为所述第三方组件实例对应的原生小程序组件实例。3.根据权利要求1或2所述的方法，其特征在于，所述将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例，包括：将所述特定属性信息转换为树型数据，得到所述渲染信息；基于预设的传递方式将所述渲染信息传递给所述对应的原生小程序组件实例。4.根据权利要求3所述的方法，其特征在于，所述基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息，包括：基于所述对应的原生小程序组件实例调用预设的原生渲染组件，以对所述渲染信息进行递归渲染；其中，所述原生渲染组件预先内置在所述代码文件中。5.根据权利要求1所述的方法，其特征在于，所述基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例，包括：获取所述代码文件中所述第三方框架组件对应的已编译代码；所述已编译代码是在所述第三方框架组件的编译阶段生成的；基于所述已编译代码，创建所述第三方组件实例以及所述原生小程序组件实例。6.根据权利要求1所述的方法，其特征在于，所述第三方框架包括React语法框架，所述特定属性信息包括JSX属性信息。7.一种组件处理装置，其特征在于，所述装置包括：第一创建模块，用于在小程序的运行阶段，基于所述小程序的代码文件中的第三方框架组件，创建第三方组件实例以及原生小程序组件实例；确定模块，用于基于预创建的实例管理器，确定各所述第三方组件实例对应的原生小程序组件实例，并将所述第三方组件实例对应的特定属性信息的渲染信息传递给所述对应的原生小程序组件实例；渲染模块，用于基于所述对应的原生小程序组件实例，根据所述渲染信息渲染所述特定属性信息。2CN114327616A权利要求书2/2页8.根据权利要求7所述的装置，其特征在于，所述装置还包括：第二创建模块，用于基于所述代码文件中的管理器组件创建所述实例管理器；注册模块，用于将各所述第三方组件实例以及各所述原生小程序组件实例的实例ID注册至所述实例管理器；对应同一第三方框架组件的第三方组件实例以及原生小程序组件实例的实例ID相同；所述确定模块，具体用于：对于任一所述第三方组件实例，通过所述实例管理器查找实例ID与所述第三方组件实例的实例ID相适配的原生小程