[发明专利]一种获取组件高度的方法、页面渲染方法及相关装置有效

专利信息
申请号: 201811563935.5 申请日: 2018-12-20
公开(公告)号: CN111352622B 公开(公告)日: 2023-08-08
发明(设计)人: 熊正祥 申请(专利权)人: 北京嘀嘀无限科技发展有限公司
主分类号: G06F8/38 分类号: G06F8/38
代理公司: 北京超成律师事务所 11646 代理人: 邓超
地址: 100193 北京*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 获取 组件 高度 方法 页面 渲染 相关 装置
【权利要求书】:

1.一种获取组件高度的方法,其特征在于,包括:

统计超文本字符串中用于声明高度属性的各类预设字符的数量;

根据各类所述预设字符的数量及每一类所述预设字符的预设高度值,确定所述超文本字符串对应的组件在页面中的占用高度;

其中,所述根据各类所述预设字符的数量及每一类所述预设字符的预设高度值,确定所述超文本字符串对应的组件在页面中的占用高度,包括:

依次计算每一类所述预设字符的预设高度值与对应的所述预设字符的数量之间的乘积;

将各类所述预设字符对应的乘积叠加得到所述对应的组件在页面中的占用高度;

其中,所述组件为React组件,所述超文本字符串是通过指定的React转换函数将所述React组件进行转换获得的。

2.根据权利要求1所述的方法,其特征在于,所述统计超文本字符串中用于声明高度属性的各类预设字符的数量的步骤,包括:

利用处理器遍历所述超文本字符串,分别统计每一类所述预设字符的数量。

3.根据权利要求2所述的方法,其特征在于,所述React转换函数包括renderToStaticMarkup函数。

4.根据权利要求2所述的方法,其特征在于,所述React转换函数包括renderToString函数。

5.根据权利要求1所述的方法,其特征在于,所述根据各类所述预设字符的数量及每一类所述预设字符的预设高度值,确定所述超文本字符串对应的组件在页面中的占用高度的步骤之前,所述方法还包括:

基于预设的样式契约,获取每一类所述预设字符的预设高度值。

6.一种页面渲染方法,其特征在于,所述页面渲染方法包括如权利要求1-5任意一项所述的获取组件高度的步骤以及:

依据页面尺寸信息及确定的每一所述组件的占用高度,从所述组件中确定待渲染组件,以进行页面渲染。

7.根据权利要求6所述的方法,其特征在于,所述依据页面尺寸信息及确定的每一所述组件的占用高度,从所述组件中确定待渲染组件的步骤包括:

依据页面尺寸信息及每一所述组件的占用高度,结合所述组件的排列顺序,动态地从所述组件中确定待渲染组件。

8.一种获取组件高度的装置,其特征在于,包括:

统计模块,用于统计超文本字符串中用于声明高度属性的各类预设字符的数量;

确定模块,用于根据各类所述预设字符的数量及每一类所述预设字符的预设高度值,确定所述超文本字符串对应的组件在页面中的占用高度;

其中,所述确定模块还用于:

依次计算每一类所述预设字符的预设高度值与对应的所述预设字符的数量之间的乘积;

将各类所述预设字符对应的乘积叠加得到所述对应的组件在页面中的占用高度;

其中,所述组件为React组件,所述超文本字符串是通过指定的React转换函数将所述React组件进行转换获得的。

9.根据权利要求8所述的装置,其特征在于,所述统计模块具体用于:

利用处理器遍历所述超文本字符串,分别统计每一类所述预设字符的数量。

10.根据权利要求9所述的装置,其特征在于,所述React转换函数包括renderToStaticMarkup函数。

11.根据权利要求9所述的装置,其特征在于,所述React转换函数包括renderToString函数。

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

获得模块,用于基于预设的样式契约,获取每一类所述预设字符的预设高度值。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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