准备好组件的数据输入。即根据组件逻辑，定好 props 里面的数据及类型。（在子组件内部，使用props选项声明获取的数据，即接收来自父组件中的数据）准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法。建立组件的模板，先搭架子，写样式，考虑好组件的基本逻辑。封装完毕，直接调用即可。

当父元素设置绝对定位，子元素设置的flex会不生效，解决办法是给父级加一个width:100%;

本来是把rules写在data里的发现校验并未生效后来只能放在computed里。

.vscode

定义：requestAnimationFrame是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。优点：节省系统资源，提高系统性能，改善视觉效果。

本文介绍了如何通过FingerprintJS的BotD库检测爬虫访问。首先通过npm安装库，然后创建一个工具函数加载BotD并执行检测，返回结果包含是否为爬虫及类型。在页面中调用该函数，当检测到爬虫访问时可上报至服务器。这种方案能有效识别自动化脚本访问，保障应用安全。

el-calendar实现年日历

vue-计算属性computed如何传参