谢大琦

本文将介绍如何仅仅使用 HTML/CSS 就可以创建出各种基础进度条及花式进度条及实现其酷炫动画的方式。

动画在前端领域中的作用是提升用户体验、吸引用户注意力。在不同的场景中，我们需要根据动画的特点去选择不同的方式去呈现，演绎最高级的动画就要选择最合适的技术栈。

每个月都会有总结和分享会📚，这个月也一样，于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅，快来看看吧~

背景 上一篇《JavaScript 阻塞方式实现异步任务队列》实现了异步请求依次执行的方案，实际上就是限制同一时间只能有一个异步请求，并发请求数为1。 那实现流量控制，怎么实现并发数大于1的情况呢？

看很多网上的人的封装 Axios 教程，但或多或少都有不太合适的点，这里为大家推荐我本人的最佳实践。

使用 Vue.js 开发项目，在某些场景下，我们还是避免不了要操作 DOM，于是 Vue.js 设计并提供了自定义指令，允许用户进行一些底层的 DOM 操作。

产品妹妹对同事阿洋说：如果你能用CSS把一张爱心图片变成`像素风`，我今天就答应跟你约会。为了帮助阿洋，我拼了。

你可能每天都在使用组件库的弹出层，本文将使用Vue3的新特性—Teleport内置组件来实现一个Action操作面板，剥离DOM，保留逻辑。

因为新公司使用react技术栈，包括Umi、Dva、Ant-design等一系列解决方案。稍微熟悉一下之后，了解到虽然忽悠不同，但是还是大相径庭。以下我就以两个火热的框架react16&&vue2（在