波浪的摇摆实际上是通过波浪图的左右移动实现的，因此我们只需写一个实现波浪图从右(左)到左(右)移动的动画即可，但是在实现循环移动的动画中会存在一个问题，波浪图向左移动后，将移出屏幕边界，并且右侧会空出来，因此我们**在盒子内放两张相同的波浪图，一张初始位置在屏幕内，一张在屏幕右侧，当第一张向左移动时，第二张紧跟着一起移动实现弥补原本的空出来的位置，这样就可以实现波浪上下摇摆的动画效果了。

当页面跳转时，如何才能保存页面的状态呢？有三种方式能够保存页面状态这篇博客只讲解一下token方式，关于cookie与session的原理可以查阅往期node.js的博客。

Vue2中，可以通过this来获取当前组件实例；Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。在Vue3中，getCurrentInstance()可以用来获取当前组件实例

Git 是一个非常流行的分布式版本控制系统，用于管理代码、文本文件等任何形式的文档。它让一个或多个开发者合作编写代码变得容易而舒适，同时提供了远程存储库和与不同工具的整合。本文内容偏基础，个人认为讲得足够细致，请耐心读取，欢迎读者底部留言评论。

`background: linear-gradient`是CSS中用于创建**线性渐变**背景的属性，这个属性允许你定义一个在元素的背景中进行渐变的效果，可以从一个颜色过渡到另一个颜色。

非空断言（Non-null Assertion）是 TypeScript 2.0 引入的新特性，用于告诉编译器一个变量不为 `null` 或 `undefined`，在某些场景下可以方便地解决一些类型检查问题。

插槽的作用：Vue插槽是Vue中常见的一种组件间的相互通信方式，作用是让父组件可以向子组件指定位置插入html结构，适用于，在要接收数据的组件页面通过标签来表示，简单来说，。插槽的基本使用：这里我们选定App.vue作为父组件，Card.vue作为子组件，作为演示插槽基本使用的代码文件。App.vue运行结果：从上面的运行结果可以看到，插槽的基本使用是子组件自身内容正常显示，插入的内容是父组件向子