好川的博客

前端自动化部署，Netlify绑定使用

用proxy去监听useState，实现自动setState，和同步状态

回答 ：是利用浏览器的 history api、面试官：你了解vue路由原理吗？面试官：具体是怎么实现的呢？vue-router 原理。

逻辑拆分， vue2 使用 mixin，vue3 使用组合式函数 ，同时也是最小全局状态管理库；

解决项目打开白屏过长，项目打开时加载动画，路由切换时加载动画，异步组件加载动画

自动化 功能测试 ，测试用用例的代码是非常复杂的；编写耗费时间长 ，不易读，可维护性差；下面我们来试试 微软开源playwright， 有了它切图仔也可以玩的比测试6👇废话不多说 ： 微软开源的「自动化测试神器前端学习起来秒会！

pointer-events 属性值 ：all : 可以触发该元素绑定的监听事件 ；none : 无法触发绑定的监听事件 ；

quillEditor 毫无疑问一款非常强大的 富文本编辑器在vue中一个也非常好用 ，而且也十分轻量的；

vue2升级vue3解决常见兼容问题

💎vitepress使用场景简单的说 ，只要会用markdown语法，就能构建自己的博客、笔记、使用文档等系统；✨vitepress优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的markdown就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度，和更小的打包体积相比vue2 的 vuepress 更具有优势写的少，做的多专注于编写并以最少的配置进行部署，真正的 SSG + SPA 架构疯狂独特设计与主题自带各种独特的主题，我们只需填充内容和配置。

IntersectionObserver 构造函数需要传入一个回调函数；当 首次加载或 元素与视窗发生交集 (或指定元素)会执行这个回调函数；通过 observer 方法给定一个元素观察；

head和style标签的display修改为block ,样式框就会被显示，contenteditable 是一个枚举属性，表示元素是否可被用户编辑。如果可以，浏览器会修改元素的组件以允许编辑。

HTTP 缓存策略分为强制缓存和协商缓存，强制缓存 依赖于 Response Header 中的Cache-Control属性，协商缓存，Last-Modified ：资源最后更新时间，Etag ：内容唯一标识符

然后我们需要，吧吃豆人的嘴动起来这时我们就要用到定时器 ，每改变 嘴（）, 重新绘制一遍② 监听 上下左右 让吃豆人动起来我们先要找到 上下左右按键 对应的 分别是 37~39；针对每个反向 改变下 “嘴” 的方向 []；在走到区域的末端，在反方向重新出现 👇③ 绘制随机出现的糖豆设置 糖豆初始位置 ，通过 随机出现；当糖豆在，移动的吃豆人的范围类的时候（） ，就 糖豆；在每次绘制 吃豆人之后 ，确认之间的距离是否在范围里 👇④ 添加积分器在每次糖

为啥要学vue3，vue3更比react兼容ts，vue3 是如何变快的 ，vue3 递归监听，vue3 组件通信 ，vue3 钩子函数，watch 和 computed，vue3 路由变化 ，vue3 使用 vuex，pinia的使用(vuex5.0理念) ，vue3非递归监听（性能优化） ，vue3组件递归应用 （封装组件） .........

通过webpack构建配置jsx，通过vite构建的配置jsx

纯前端导出表格，vue导出excel表格，react导出excel表格

点击按钮，将内容复制剪贴板的多种形式

vue3 生命周期函数和vue2的区别

ref、reactive 递归监听及区别，isRef、isReactive 判断 ， toRef 和 toRefs 解构及区别 ，toRaw 、markRaw 解除代理 及区别，unref 拷贝 ， shallowRef 、shallowReactive 非递归监听 ，triggerRef 强制更新。