大屏报表异步获取数据后,渲染背景图片过于缓慢问题的解决方案(采用图片缩略图+懒加载方式)
前端页面数据渲染服务器图片异步路径的懒加载前提:项目大屏报表采用配置参数,其中背景图参数中保存的是缩略图的路径
前提:项目大屏报表采用配置参数,其中背景图参数中保存的是缩略图的路径
首先进入页面发送http请求获取到大屏报表的配置参数。
赋值给页面绑定参数后就开始渲染页面,这时配置参数里的图片是缩略图,因缩略图体积很小,页面可以快速渲染。
接着将图片参数从配置参数中获取出来更改成高清图片路径按照可识别位置的方式缓存到提前定义好的参数中。
利用 new imange() 的 onload 方法去获取高清的图
原创
2020-12-09 23:40:31 ·
1044 阅读 ·
0 评论