0：先试试看 hongweizhu.com/#/cat 。
1：上班的路上会路过一家宠物店，里面有一只小猫，给它拍点照片，增加一点乐趣。
2: 使用到的技术
- MongoDB 数据库（我暂时不想把图片直接放到服务器某个目录上，也不想放到阿里云腾讯云对象存储，）
- base64（把图片转成这个，一个超级超级长的字符串，然后丢到文档型数据库里，关系型数据库字段不太适合。好主意，搞定了之后发现貌似不是很好，哈哈哈哈，加载比较慢）
3：讲讲体验上的优化吧，哈哈哈哈哈，就是没优化最关键的图片加载速度，非要用对象存储吗？倒也不必。
这个按钮点击前是这样的
被点击时，是下凹的，可以用光标按住左键不放试试
可以到这个网站体验下，https://neumorphism.io/#e0e0e0，貌似是一种拟态设计风格
这个 sheet 对话框开启关闭是有渐入渐出动画的
在 Vue 中实现这样的动画，特别简单，大概需要 10 行代码，还不用你自己写，复制粘贴就可以，
首先用 transition 包裹一下，再添加 name="fade"
<transition name="fade">
<div> 弹出的内容 </div>
</transition>
然后添加 css 就可以了
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
有点神奇吧，之前我用 jQuery 做一些这样的小过渡动画，也很好用。
在接口返回数据之前，使用一张 GIF 图片，提示数据加载中，骨架屏
input placeholder
