这个进度条怎么实现呀，前端基础太差😭😭-CSDN社区

xsc-夏 2021-07-27 19:35:44

这个进度条怎么实现呀，前端基础太差😭😭

...全文

1321 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端薛小帅 2021-07-30

打赏
举报

回复

推荐一个前端群，没事来水水，说不定能学到不一样的技术 1063233592 😄

Lotus domino BS 多附件上传例子 Lotus domino jquery附件上传经典完整例子，全部源码，使用在多个项目中，请放心下载。

本文还有配套的精品资源，点击获取简介：在***中实现超大文件上传并带有进度条功能的需求，涉及分块上传、异步处理和用户界面实时反馈。开发者需要使用特殊方式处理超过HTTP请求限制的大文件上传，例如将文件分块逐个上传。本教程提供了一个组件，它包括多种实现风格和样式，用以满足不同界面设计需求，并通过AJAX实现进度条显示。压缩包内含数据库脚本、文档、示例代码和图片资源，指导开发...

前言大家好，我是零一。最近我准备在组里进行代码串讲，所以我梳理了下项目之前的业务代码。在梳理的过程中，我看到了有个进度条组件写的非常好，这又想起我刚开始学前端时写的进度条的代码，跟这个比起来真的差距太大了（大部分的初学者应该都想不到，而且我第一次家实习公司带我的mentor亦是如此）。因此，我想给大家分享一下这个思路极好的进度条组件，同时它也存在非常严重的性能问题，本文末尾也会讲解一下问题所在以及优化方式 进度条的应用场景一般进度条组件都出现在类似抖音播放视频的这样场景中，如图中底部的箭头所示：进

Vue项目实现文件下载进度条 需求场景大文件下载，花费的时间比较长，没有任何提示，用户体验很差。需要优化，提示文件在下载中，并且显示进度百分比。实现步骤 1.下载文件的方法，需要拿到当前进度。 2.每一次下载进度更新，需要监听变化，并且刷新页面显示的数据。 3.封装一个文件下载进度的组件。下面一步步来实现：1.获取文件下载进度 axios作为一个易用、简洁且高效的http库，有没有获取下载进度的方法呢？打开axios官网查看一下，文档中有一个对原生进度事件的处理的方法 onDow

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】上面的value和time是必填参数，其他的选填参数可以在前端设置默认值。// 文件：index.jsvalue: “这是第一条弹幕”,speed: 2,time: 0,},value: “这是第二条弹幕”,time: 1实现前端弹幕的逻辑。

35

社区成员

32

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章