记录

Vue2响应式原理 数据劫持 创建Observer 监听data中的数据 递归遍历对象属性 依赖收集储存（组件渲染时，触发getter方法） 创建Watcher观察数据的变化，存储到Dep订阅列表中

背景 使用 naiveui Tabs 组件顶部Tab由于tab项过多,右边的tab会不显示 解决方法 利用 Tabs 组件 提供的左右插槽 添加点击左滚动/右滚动按钮，手动控制滚动条的左右滚动, 代码

1. 初始化 创建 vue3 的'app'容器并挂载 用 use 方法 挂载 UI 框架 其他跟正常使用 vue3 没啥区别 2. 这里着重介绍怎么在HTML中拆分 vue3

项目部署更新提醒 仅记录,参考https://juejin.cn/post/7185451392994115645

在开发html2canvas生成海报的需求时，海报中引入的图片是Oss存储的图片发现偶尔会出现跨域的报错

IntersectionObserver是一种用于监听目标元素与其祖先元素或根元素交叉状态的API。

语言包动态插入变量事件，常见的I18n是单纯的文案,但有时候我们也会遇到需要嵌套变量甚至点击事件的文案

前端引入YouTuBe视频播放 代码如下 获取YouTuBe视频地址videoID 拼接地址https://www.youtube.com/embed/videoID (注意加上embed) 具体参数

Redux-Persist 与 Redux-Toolkit的使用 背景 Redux-Toolkit解决了Redux的配置使用过于繁琐，Redux-Persist则是解决持久化存储(刷新丢失数据的问题)

前端监控项目错误的发生 并捕获错误&上报 监听用户网络连接断开 监听JS异常错误 监听资源加载错误

扩展UI框架图标库（在使用arco.design/ant design UI框架内置的图标！！！！！

在写官网的时候，锚点定位的地方总是会偏上一点，这是由于锚点定位针对的是html定位的，当你有导航栏的时候，便会被导航栏遮挡一部分

当你想写样式的时候，还要上下来回跳，当然你可以在结构层写内联样式，但是一旦你的样式繁杂多起来，看起来就是一坨东西，后期维护的实在难以看下去！为了解决这一痛点，tailwindcss 的特性香的不行！