System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种瀑布流图文排版加载优化方法及装置制造方法及图纸_技高网

一种瀑布流图文排版加载优化方法及装置制造方法及图纸

技术编号:40905674 阅读:7 留言:0更新日期:2024-04-18 14:36
本发明专利技术公开了一种瀑布流图文排版加载优化方法及装置。其中,方法包括:使用异步加载技术从后端服务器获取待加载瀑布流图文数据;使用浏览器缓存方法预先加载待加载瀑布流图文数据;根据用户加载待加载瀑布流图文数据的请求,利用懒加载技术加载待加载瀑布流图文数据。

【技术实现步骤摘要】

本专利技术涉及图片加载,并且更具体地,涉及一种瀑布流图文排版加载优化方法及装置


技术介绍

1、瀑布流式布局是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。但是在网站前端,使用瀑布流方式进行页面图文排版时,会出现页面数据加载速度慢、加载失败以及出现数据重复的技术问题。


技术实现思路

1、针对现有技术的不足,本专利技术提供一种瀑布流图文排版加载优化方法及装置。

2、根据本专利技术的一个方面,提供了一种瀑布流图文排版加载优化方法,包括:

3、使用异步加载技术从后端服务器获取待加载瀑布流图文数据;

4、使用浏览器缓存方法预先加载待加载瀑布流图文数据;

5、根据用户加载待加载瀑布流图文数据的请求,利用懒加载技术加载待加载瀑布流图文数据。

6、可选地,使用异步加载技术从后端服务器获取待加载瀑布流图文数据之后,还包括:

7、对待加载瀑布流图文数据进行去重处理。

8、可选地,还包括:根据加载页面和待加载瀑布流图文数据设置图文分页以及加载数据量。

9、可选地,利用懒加载技术加载待加载瀑布流图文数据,包括:

10、将页面中待加载瀑布流图文数据的图片元素属性替换为自定义属性;

11、通过监听页面滚动时间,动态触发进行待加载瀑布流图文数据的图片懒加载操作;

12、通过css样式进行待加载瀑布流图文数据的布局样式调整,其中布局样式包括图片宽度、高度和边框。

13、根据本专利技术的另一个方面,提供了一种瀑布流图文排版加载优化装置,包括:

14、获取模块,用于使用异步加载技术从后端服务器获取待加载瀑布流图文数据;

15、预加载模块,用于使用浏览器缓存方法预先加载待加载瀑布流图文数据;

16、加载模块,用于根据用户加载待加载瀑布流图文数据的请求,利用懒加载技术加载待加载瀑布流图文数据。

17、根据本专利技术的又一个方面,提供了一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序用于执行本专利技术上述任一方面所述的方法。

18、根据本专利技术的又一个方面,提供了一种电子设备,所述电子设备包括:处理器;用于存储所述处理器可执行指令的存储器;所述处理器,用于从所述存储器中读取所述可执行指令,并执行所述指令以实现本专利技术上述任一方面所述的方法。

19、从而,本申请提供一种瀑布流图文排版加载优化方法,通过懒加载优化图片加载方式及预加载缓存数据获取方式等手段,使得瀑布流加载数据效率显著提升,也解决了数据加载重复现象。

本文档来自技高网...

【技术保护点】

1.一种瀑布流图文排版加载优化方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,使用异步加载技术从后端服务器获取待加载瀑布流图文数据之后,还包括:

3.根据权利要求1所述的方法,其特征在于,还包括:根据加载页面和所述待加载瀑布流图文数据设置图文分页以及加载数据量。

4.根据权利要求1所述的方法,其特征在于,利用懒加载技术加载所述待加载瀑布流图文数据,包括:

5.一种瀑布流图文排版加载优化装置,其特征在于,包括:

6.根据权利要求5所述的装置,其特征在于,使用异步加载技术从后端服务器获取待加载瀑布流图文数据之后,还包括:

7.根据权利要求5所述的装置,其特征在于,还包括:设置模块,用于根据加载页面和所述待加载瀑布流图文数据设置图文分页以及加载数据量。

8.根据权利要求5所述的装置,其特征在于,加载模块,包括:

9.一种计算机可读存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序用于执行上述权利要求1-4任一所述的方法。

10.一种电子设备,其特征在于,所述电子设备包括:

...

【技术特征摘要】

1.一种瀑布流图文排版加载优化方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,使用异步加载技术从后端服务器获取待加载瀑布流图文数据之后,还包括:

3.根据权利要求1所述的方法,其特征在于,还包括:根据加载页面和所述待加载瀑布流图文数据设置图文分页以及加载数据量。

4.根据权利要求1所述的方法,其特征在于,利用懒加载技术加载所述待加载瀑布流图文数据,包括:

5.一种瀑布流图文排版加载优化装置,其特征在于,包括:

6.根据权利要求5...

【专利技术属性】
技术研发人员:刘琨玥王浩薛富恩
申请(专利权)人:北京安锐卓越信息技术股份有限公司
类型:发明
国别省市:

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

1