1.构建单例模式： 使用proxy代理：实现同一个实例和构建原型方法:
2.滚动捕捉技术:就是滑动到一半自动固定：
父级：
scroll-snap-type:x/y,proximity/mandatory
子级：
scroll-snap-align:start/center; scroll-snap-stop:always；
3.自动导入组件： 第三方工具： unplugin-auto-import
在vite.config.ts里面导入这个工具：
import AutoImport from 'unplugin-auto-import/vite'
然后在definConfig里面设置: plugins:AutoImport({
imports:['vue','vue-router'],//官方
dirs:['./src/api'] //自定义
//创建一个auto-import.d.ts这样的文件，将模块放入（ts需要）
dts:'./src/auto-import.d.ts'
})
4.vscode正则插件： Regex Previewer
5.webpack自动导入路由：
