用户6802039885404

前言 大家好,我是webfansplz.这两天肝了个Vite插件,本文主要跟大家分享一下它的功能和实现思路.

这是ProgressBar.js的网站，有动效的展示（我截的静态的图。。。），在如下图所示，右击小铅笔，在新的页面中打开网页，就可以看到小demo的全部代码了。 这是官方配置参数的文档，我会在下面的代码中，详解。 进度条的效果，常见的就是长条形和圆形。当然也可以自定义形状，这里…

这种圆环进度条是一个大圆环和一个小圆环，然后大圆环有底部背景圆环和上面可进行滚动的圆环，和上面的白色按钮，小圆环又可以分上下两部分和最上面的指针，这样我们根据这些可以一步一步的使用canvas来画图。 通过控制开始角（startAngle）和结束角（endAngle）就可以画任…

由于js对于小数计算有误差，所以在最后展示时会出现与实际值不相符，这个可以根实际项目的精度需要进行调整计算。

因为进度条需要盖在文字上面，所以采用了绝对定位。接下来先把灰色底圈给画上： 因为圆弧函数arc默认的起点在3点钟方向，而设计想要的圆弧的起点从12点钟方向开始，现在这样是没法达到预期效果。是不是可以使用css让canvas自己旋转-90deg就好了呢？于是我在上面的canvas…

![效果](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2019/4/30/16a6d0d2ab53f640~tplv

这里采取的是JSAPI Loader的方式（可有效避免异步加载问题，且多次执行加载操作时不会重复请求网络资源等）。 1. 普通html页面 2. Vue 3. 微信小程序（小程序的key和web端的不同，需重新创建）

这是我参与11月更文挑战的第9天，活动详情查看：2021最后一次更文挑战 获得高德地图用户Key 没有申请key需要先申请，进入高德开发平台 https://lbs.amap.com/

时间复杂度 如何推导对应的时间复杂度 O(logn) O(nlogn) O(n^2) 算法中的时间复杂度 时间复杂度的好坏决定了当前这段代码(算法)的优劣，在工业中使用到的算法一般不会超过O(n^2)