水波纹进度条，带有“水波纹”或“扭曲”效果，SVG，交互控制 (JavaScript)，创建“水波纹”滤镜 (SVG Filter)，filter

在我们开发界面时，有时候渐变的图像会相比固定颜色的图形更加富有层次感与有趣。熟悉css的同学都知道，我们可以通过样式让背景呈现一个线性的渐变图片，比如这样: 也可以通过裁剪背景颜色到文本的方式实现文本

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对

js屏幕适配方案，可让页面在不同屏幕下、不同dpr下、放大缩小时保持不变形，适用于Vue2和Vue3