页面组件渲染方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112905279A(43)申请公布日2021.06.04(21)申请号202110152442.8(22)申请日2021.02.03(71)申请人广州虎牙科技有限公司地址511495广东省广州市番禺区钟村街（汉溪商业中心）泽溪街13号1301(72)发明人张达志(74)专利代理机构北京超凡宏宇专利代理事务所(特殊普通合伙)11463代理人张欣欣(51)Int.Cl.G06F9/451(2018.01)权利要求书2页说明书8页附图5页(54)发明名称页面组件渲染方法、装置、电子设备及存储介质(57)摘要本发明提供的一种页面组件渲染方法、装置、电子设备及存储介质，方法包括：启动运行渲染控制组件；其中，渲染控制组件对应有一个父级渲染组件和至少一个子渲染组件，父级渲染组件对应的页面尺寸为视口尺寸；视口尺寸表征用户可视区域的大小；子渲染组件用于在页面渲染至少一种页面组件；子渲染组件配置有固定定位属性；渲染控制组件与子渲染组件具有父子关系；控制渲染控制组件的子渲染组件依据固定定位属性和父级渲染组件对应的视口尺寸进行页面组件渲染。本发明使得渲染组件可以依据其祖先节点对应父级渲染组件的视口尺寸以及固定定位属性实现依视口布局定位的效果，从而降低了现有技术框架中出现页面只占据半个占据屏幕的一小部分的风险。CN112905279ACN112905279A权利要求书1/2页1.一种页面组件渲染方法，其特征在于，所述方法包括：启动运行渲染控制组件；其中，所述渲染控制组件对应有一个父级渲染组件和至少一个子渲染组件；所述父级渲染组件对应的页面尺寸为视口尺寸；所述视口尺寸表征用户可视区域的大小；所述子渲染组件用于在页面渲染至少一种页面组件；所述子渲染组件配置有固定定位属性；所述渲染控制组件与所述子渲染组件具有父子关系；控制所述渲染控制组件的所述子渲染组件依据所述固定定位属性和所述父级渲染组件对应的所述视口尺寸进行页面组件渲染。2.根据权利要求1所述的页面组件渲染方法，其特征在于，启动运行渲染控制组件之前，还包括：依据业务组件，配置所述渲染控制组件以及所述渲染控制组件和所述业务组件的所述父级渲染组件；其中，所述业务组件对应所述页面；所述业务组件和所述渲染控制组件互为兄弟组件；将所述业务组件对应的深级渲染组件队列配置给所述渲染控制组件，以使所述渲染控制组件与所述深级渲染组件队列内的所述渲染组件具有父子关系；所述深级渲染组件队列中包含所述子渲染组件。3.根据权利要求1所述的页面组件渲染方法，其特征在于，还包括：根据所述渲染控制组件提供的接口，更新所述渲染控制组件对应的子节点队列，所述子节点队列内具有至少一个子渲染组件和子渲染控制组件。4.根据权利要求3所述的页面组件渲染方法，其特征在于，根据所述渲染控制组件提供的接口，更新所述渲染控制组件对应的子节点队列，包括：通过所述渲染控制组件的第一接口，在所述子节点队列中插入新的子渲染控制组件和/或新的子渲染组件，并返回新插入的子渲染控制组件或者子渲染组件对应的组件标识。5.根据权利要求3或4所述的页面组件渲染方法，其特征在于，根据所述渲染控制组件提供的接口，更新所述渲染控制组件对应的子节点队列，包括：通过所述渲染控制组件的第二接口，在所述子节点队列中将所述渲染控制组件对应的子渲染控制组件和/或子渲染组件进行替换。6.根据权利要求4所述的页面组件渲染方法，其特征在于，根据所述渲染控制组件提供的接口，更新所述渲染控制组件对应的子节点队列，包括：通过所述渲染控制组件的第三接口，在所述子节点队列中将所述渲染控制组件对应的至少一个子渲染控制组件和/或子渲染组件移除。7.一种页面组件渲染装置，其特征在于，包括：启动模块，用于启动运行渲染控制组件；其中，所述渲染控制组件对应有一个父级渲染组件和至少一个子渲染组件；所述父级渲染组件对应的页面尺寸为视口尺寸；所述视口尺寸表征用户可视区域的大小；所述子渲染组件用于在页面渲染至少一种页面组件；所述子渲染组件配置有固定定位属性；所述渲染控制组件与所述子渲染组件具有父子关系；控制模块，用于控制所述渲染控制组件的所述子渲染组件依据所述固定定位属性和所述父级渲染组件对应的所述视口尺寸进行页面组件渲染。2CN112905279A权利要求书2/2页8.根据权利要求7所述的页面组件渲染装置，其特征在于，还包括：配置模块，用于：依据业务组件，配置所述渲染控制组件以及所述渲染控制组件和所述业务组件的所述父级渲染组件；其中，所述业务组件对应所述页面；所述业务组件和所述渲染控制组件互为兄弟组件；将所述业务组件对应的深级渲染组件队列配置给所述渲染控制组件，以使所述渲染控制组件与所述深级渲染组件队列内的所述渲染组件具有父子关系；所述深级渲染组