【技术实现步骤摘要】
页面渲染方法、装置及设备
本专利技术实施例涉及数据处理
,尤其涉及一种页面渲染方法、装置及设备。
技术介绍
随着互联网技术的发展,各类样式的网页、APP(Application,应用程序)或小程序等在用户中越来越普及。现有技术中,网页、APP或小程序等可能包括多项元素内容,在终端设备上进行显示时,一个视窗展示区域并不能完全显示所有的元素内容,因此,需要用户在浏览界面的过程中,通过前后滚动的方式来先确定待渲染的元素内容,再在显示界面中显示已渲染完成的视窗展示区域以及附近几页内的元素内容。在确定待渲染的元素内容时,由于只能通过已渲染页数与每个渲染页数内包含的元素的个数来确定待渲染的元素内容,因此,每个渲染页数包含的元素个数均需要为定值,即每个元素内容的宽度值与高度值均需要固定设置。然而,上述渲染方式只能应用于元素固定宽度值与高度值的场景,不能满足大部分渲染场景的实际需求。
技术实现思路
本专利技术实施例提供一种页面渲染方法、装置及设备,以满足大部分渲染场景的实际需求。第一方面,本专利技术实施例提 ...
【技术保护点】
1.一种页面渲染方法,其特征在于,包括:/n接收插入请求,并根据所述插入请求获取待插入的至少一元素对应的元素信息,其中,每一所述元素信息中均携带对应元素的高度值;/n根据已插入元素的元素信息中携带的高度值确定目标高度值;/n根据所述目标高度值,以及每一所述元素信息中携带的高度值依次确定每一元素对应的待插入的相对高度值;/n基于所述至少一元素对应的元素信息,以及每一元素对应的待插入的相对高度值在显示界面上渲染显示对应的元素。/n
【技术特征摘要】
1.一种页面渲染方法,其特征在于,包括:
接收插入请求,并根据所述插入请求获取待插入的至少一元素对应的元素信息,其中,每一所述元素信息中均携带对应元素的高度值;
根据已插入元素的元素信息中携带的高度值确定目标高度值;
根据所述目标高度值,以及每一所述元素信息中携带的高度值依次确定每一元素对应的待插入的相对高度值;
基于所述至少一元素对应的元素信息,以及每一元素对应的待插入的相对高度值在显示界面上渲染显示对应的元素。
2.根据权利要求1所述的方法,其特征在于,若所述插入指令为首次接收的,所述根据已插入元素的元素信息中携带的高度值确定目标高度值,包括:
将所述目标高度值设置为零。
3.根据权利要求1所述的方法,其特征在于,若所述插入指令为后插入指令,所述根据已插入元素的元素信息中携带的高度值确定目标高度值,包括:
获取已插入元素的元素信息中携带的高度值;
基于所述已插入元素的元素信息中携带的高度值,从所述已插入元素的元素信息中获取高度值为正值的第一元素信息集;
根据所述第一元素信息集中每个元素携带的高度值进行求和运算,得到第一目标高度值,其中,所述第一目标高度值为正值。
4.根据权利要求1所述的方法,其特征在于,若所述插入指令为前插入指令,所述根据已插入元素的元素信息中携带的高度值确定目标高度值,包括:
获取已插入元素的元素信息中携带的高度值;
基于所述已插入元素的元素信息中携带的高度值,从所述已插入元素的元素信息中获取高度值为负值的第二元素信息集;
根据所述第二元素信息集中每个元素携带的高度值进行求和运算,得到第二目标高度值,其中,所述第二目标高度值为负值。
5.根据权利要求2所述的方法,其特征在于,若所述目标高度值为零,所述根据所述目标高度值,以及每一所述元素信息中携带的高度值依次确定每一元素对应的待插入的相对高度值,包括:
将首个元素的待插入的相对高度值设置为零;
根据所述首个元素的相对高度值,以及每一元素信息中携带的高度值依次进行高度值累加,得到所述每一元素对应的待插入的相对高度值。
6.根据权利要求3所述的方法,其特征在于,所述根据所述目标高度值,以及每一所述元素信息中携带的高度值依次确定每一元素对应的待插入的相对高度值,包括:
将首个元素的待插入的相对高度值设置为第一目标高度值;
根据所述第一目标高度值,以及每一元素信息中携带的高度值依次进行高度值累加,得到所述每一元素对应的待插入的相对高度值。
7.根据权利要求4所述的方法,其特征在于,所述根据所述目标高度值,以及每一所述元素信息中携带的对应元素的高度值确定每一元素待插入的相对高度值,包括:
将首个元素的待插入的相对高度值设置为第二目标高度值;
根据所述第二目标高度值,以及每一元素信息中携带的高度值依次进行高度值累加,得到所述每一元素对应的待插入的相对高度值。
8.根...
【专利技术属性】
技术研发人员:张卓韬,
申请(专利权)人:深圳前海微众银行股份有限公司,
类型:发明
国别省市:广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。