页面懒加载的方法和装置、存储介质和处理器制造方法及图纸

技术编号:24456687 阅读:33 留言:0更新日期:2020-06-10 15:45
本发明专利技术公开了一种页面懒加载的方法和装置、存储介质和处理器。其中,该方法包括:确定页面发生更新;从至少一个页面组件中查找更新页面所需要的待渲染的页面组件;将待渲染的页面组件,加载到页面进行渲染,得到更新后的页面。本发明专利技术解决了现有技术采用懒加载来渲染页面的过程中,由锚点定位导致显示的内容不准确的技术问题。

Methods and devices of page lazy loading, storage medium and processor

【技术实现步骤摘要】
页面懒加载的方法和装置、存储介质和处理器
本专利技术涉及数据加载
,具体而言,涉及一种页面懒加载的方法和装置、存储介质和处理器。
技术介绍
锚点是网页制作中超级链接的一种,用户可以点击有锚点定位的地址跳转到指定的地址,为了节省资源,在页面加载中使用了懒加载功能,由于页面上的组件的尺寸不一,排布不同,执行懒加载功能后,定位会产生变化,页面中定位的内容并非用户想看的内容。例如,在商品大促业务宣传中,在很多页面中都能够通过有锚点定位的地址跳转到促销会场页面中,并定位到相应的货品楼层中,由于页面上组件非常得多,页面中使用了模块懒加载功能,打开页面时定位是准确的,但是懒加载功能一执行,该定位楼层上方渲染出不固定数量的商品,这时定位就会产生变化,页面中定位楼层的并非用户期望看到的楼层。为了解决这个问题,相关技术中将所有的模块设置为固定模块,按照页面顺序懒加载,防止定位不准,但是由于按页面顺序懒加载,如果锚点定位到页面最后,意味着懒加载的功能其实是无效的,页面上所有的组件都会被加载;另外,像导购页面中的推销商品的楼层中投放的商品数量一般本文档来自技高网...

【技术保护点】
1.一种页面懒加载的方法,包括:/n确定页面发生更新;/n从至少一个页面组件中查找更新页面所需要的待渲染的页面组件;/n将所述待渲染的页面组件,加载到所述页面进行渲染,得到更新后的页面。/n

【技术特征摘要】
1.一种页面懒加载的方法,包括:
确定页面发生更新;
从至少一个页面组件中查找更新页面所需要的待渲染的页面组件;
将所述待渲染的页面组件,加载到所述页面进行渲染,得到更新后的页面。


2.根据权利要求1所述的方法,其中,所述方法还包括:
在显示页面的情况下,获取所述页面对应的渲染列表,所述渲染列表包括所述至少一个页面组件。


3.根据权利要求2所述的方法,其中,在检测到所述页面发生如下任意一种操作的情况下,则确定页面发生更新:所述页面发生滚动操作、翻页操作、调整大小操作、移动操作和锚点跳转操作。


4.根据权利要求2所述的方法,其中,在获取所述页面对应的渲染列表之前,所述方法还包括:
首次打开页面的情况下,获取定位到页面上的目标对象的锚点;
基于所述目标对象的锚点,扫描首次需要显示的初始元素和初始模块;
基于所述初始元素和所述初始模块在显示界面中进行渲染,得到初始页面。


5.根据权利要求2所述的方法,其中,在从至少一个页面组件中查找更新页面所需要的待渲染的页面组件之前,所述方法还包括:
扫描所述页面,获取待加载的至少一个模块;
将所述待加载的模块对应的页面组件存入所述渲染列表。


6.根据权利要求2至5中任意一项所述的方法,其中,从至少一个页面组件中查找更新页面所需要的待渲染的页面组件包括:
扫描页面在显示界面的可见区域中的模块;
基于所述可见区域中的模块,从所述渲染列表进行二分查找;
在查找成功的情况下,则获取至少一个需要渲染在所述可见区域中的页面组件。


7.根据权利要求6所述的方法,其中,所述方法还包括:
在查找成功的情况下,判断是否存在与所述需要渲染的页面组件关联的至少一个第一组件;
在存在的情况下,则继续查找与...

【专利技术属性】
技术研发人员:刘会胜
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1