前端页面加载进度条的制作

Posted 2023-05-11

参考技术A 我们在前端页面开发过程中，经常会遇到图片，音频，视频等加载慢问题。这样对用户体验来说体验是很不好的。因此我们可以在页面加载时用一个加载动效来表示，当加载完成的时候，再来显示内容。推荐一个制作进度条的网站

icons8.com/preloaders/ ，制作进入条有以下几种方法。

这种方法实现进度条简单粗暴，但是不是真实的。所以开发中一般不用这个。

我们通过jquery来实现，这个方法开发中经常用的。

Python的进度条的制作

import sys,time
#导入模块

for i in range(50):
#进度条的长度
    sys.stdout.write("#")
#进度条的内容，这里要注意了，pycharm有可能不显示write的方法
    sys.stdout.flush()
#刷新缓存
    time.sleep(0.5)
#间隔时间，和shell的sleep差不多吧

上面使用sys模块的标准输出，并没循环一次就刷新一次缓存如果没有flush，内容将会在内存中全部打印完后才会显示出来。