84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
一般loading都是一个gif的图片,或者使用css3实现;
loading
gif
css3
我现在是用的两张图片配合加载中...组合成的,然后用css3实现图片的动画效果,既然是图片,肯定是需要加载完成才能显示,所以我把图片转换成base64,在首次使用的时候存到localStorage中,以后使用的时候就读取storage中的数据;
加载中...
base64
localStorage
storage
但是,这样还是会先显示加载中...,然后中间有个几十毫秒才显示的图片;
不知大家平时都是怎么处理loading的呢?
欢迎选择我的课程,让我们一起见证您的进步~~
我一般先将内容p设为不可见,loading p 默认可见, 当window.onload加载完成后loading不可见,内容可见。loading的效果图尽量用css,codepen有很多现成的代码,质量也不错。关于loading的实现,我以前也搜集过几个方法,写在这篇博客里:实现加载页Loading Page 的几种方法
能用css的就不用图片,能用jpg/png的就不用gif;
你让加载中这几个字延迟500毫秒出现就可以了
一般来说,在移动端,都是配合一个假的进度条和loading图片来做,不用文字提示在pc上就用一个loading图就行了
我也想知道为什么,应该是设备性能问题,渲染需要一点点点点点的时间,所以出现肉眼可分别的延时效果,猜想是这样的。
你可以先放个高度0的img加载一下图片,用的时候就会一下子出来了。
我一般先将内容p设为不可见,loading p 默认可见, 当window.onload加载完成后loading不可见,内容可见。loading的效果图尽量用css,codepen有很多现成的代码,质量也不错。
关于loading的实现,我以前也搜集过几个方法,写在这篇博客里:实现加载页Loading Page 的几种方法
能用css的就不用图片,能用jpg/png的就不用gif;
你让加载中这几个字延迟500毫秒出现就可以了
一般来说,在移动端,都是配合一个假的进度条和loading图片来做,不用文字提示
在pc上就用一个loading图就行了
我也想知道为什么,应该是设备性能问题,渲染需要一点点点点点的时间,所以出现肉眼可分别的延时效果,猜想是这样的。
你可以先放个高度0的img加载一下图片,用的时候就会一下子出来了。