Vue.js

Vue.js 是一个免费且紧凑的开源库，可快速构建用户界面（尤其是单页 Web 应用程序）。尤雨溪于 2014 年开发 Vue.js，在 2019 年前端框架排名中获得第 2 名，2020年09月18日 Vue.js 3.0 正式发布，主推微软 TypeScript 语言编程。

1. 前端文件上传流程

1. 选择文件：
2. 用户点击上传按钮，选择要上传的文件。
3. 使用 <input type="file"> 或 FileReader API 读取文件。

作者：蜗牛老师
转发链接：https://zhuanlan.zhihu.com/p/149033579

前言

前段时间尤大大在B站直播，介绍了一款新的前端开发工具，利用了浏览器自带的import机制，无论多大的项目，都是秒开，听起来很诱人，火速看了源码，并且最近做了《前端会客厅》后，经过尤大亲自讲解了设计思路，又有了新感悟，写个文章总结一下

前言

平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 13 个库，希望对大家有帮助～

antd

全称应该是Ant Design，这是一个 React 的组件库，旨在提供一套常用的组件库解决方案，用 React 的同学可能对他不会陌生，就像用 Vue 的同学不会对 Element UI 陌生一样。

进度条控件QProgressBar用于向用户提供操作进度的指示，用户可以从进度条看出程序是否正在运行。在PyQt5工具包中，QProgressBar提供了一个水平或垂直进度条。可以为进度条设置取值范围，最小值默认为0，最大值默认为99。它的常用方法如下：

作者：前端进阶者来源：前端进阶学习交流

一、前言

我们经常在网页上 ，游戏界面加载时会看到加载进度条的效果，我们往往会以为这些加载进度条的效果，很难实现。

在B端应用中，进度条是一种常见的用户界面组件，用于显示任务、操作或过程的进度。它可以提供实时的反馈，让用户清楚地了解当前任务的完成情况，从而提高用户体验和效率。

一、进度条的作用

1. 提供视觉反馈：进度条通过变化的长度或填充来展示任务的进展，使用户能够直观地了解任务的完成情况。

今天给大家分享一款超酷的仿yutube顶部加载进度条NProgress.js。

nprogress.js 一款

作为一个前端工程师，在建设自己的网站的时候，肯定有一个冲动，就是把各个模块按照自己的意愿进行的DIY设计。比如，在浏览器滚动的时候，为页面设计一个漂亮的滚动进度条。根据滚动的距离，来动态地展示已经滚动的进度。