Vue 性能优化关键方案 优化 Vue 应用性能主要关注三大方向：加载速度、渲染效率和内存管理。核心措施包括：1）代码分割与懒加载（路由/组件级）；2）Tree Shaking 和资源压缩；3）大数据渲染采用虚拟列表；4）v-for 使用唯一 key 并避免与 v-if 混用；5）合理使用计算属性和响应式 API（如 shallowRef）；6）及时清理定时器/事件总线防止内存泄漏；7）组件级缓存

vue项目报错FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - - JavaScript heap out of memory

.vscode

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

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

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

.vscode

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

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

el-calendar实现年日历