![](https://img-blog.csdnimg.cn/20210720123206700.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
媒体
文章平均质量分 59
包含一些最佳实践分享
小唐童
用舍由时,行藏在我
展开
-
H5页面异步图片延迟显示解决方案
这里写自定义目录标题问题提出原因简述解决方案一般方案进阶方案:图片预加载终极解决:利用**工程化**自动完成异步图片预加载问题提出在开发h5页面的时候会经常涉及到图片的使用,对于图片的使用优化前端解决方案颇多,比如图片的懒加载等。但是有另外一种常见情况,网上却鲜有解决方案,那就是交互类图片异步显示问题。举个例子,比如页面中有一个规则弹窗,弹窗背景使用的是图片的形式呈现,在用户网络不稳定情况下,就会发生弹窗已经出现但是弹窗背景并未加载完成,造成弹窗添加微动效无法正常展示,严重影响用户体验,如图示:原因原创 2022-05-21 21:05:45 · 1752 阅读 · 0 评论 -
为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片?
为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片?能够完成整个 HTTP 请求+响应(尽管不需要响应内容)触发 GET 请求之后不需要获取和处理数据、服务器也不需要发送数据跨域友好执行过程无阻塞相比 XMLHttpRequest 对象发送 GET 请求,性能上更好GIF的最低合法体积最小(最小的BMP文件需要74个字节,PNG需要67个字节,而合法的GIF,只需要43个字节)参考资料:SegmentFault 上的回答Web beaconUsing a B原创 2021-02-20 15:25:00 · 679 阅读 · 0 评论