Rarrot

最近在vercel上部署Vue3项目时，在除了首页外的页面刷新时会报404，这是因为vercel的路由配置问题，vercel默认会将所有的请求都重定向到首页

基本概念 网格布局也就是grid布局，为二维布局，而flex布局为一维布局，flex通过主轴和交叉轴进行布局；网格布局则是通过容器(container)和项目(item)进行布局。

vue3中的reactive是一个很重要的响应式API。它的作用是: 使用Proxy把原对象包装成一个代理对象proxy。 在代理对象proxy中get()拦截对原对象属性的访问,追踪哪些属性被读取了

ref，isRef 在 Vue 3 中，ref 是一个函数，用于创建响应式的数据。它接受一个参数作为初始值，并返回一个包装过的响应式对象。

Vue核心虚拟DOM和diff算法 虚拟DOM 原因 之所以需要虚拟dom，是因为一个元素含有许多的属性（如下图）且每次更新需要重新计算布局(计算每个元素的位置和大小)和绘制(将元素绘制在屏幕上)

对象实例和它的构造器之间建立一个链接（它是__proto__属性，是从构造函数的prototype属性派生的），之后通过上溯原型链，在构造器中找到这些属性和方法。

在浏览器端和服务器端有不同的访问方式。浏览器端可以使用import.meta.env来访问环境变量；服务器端可以使用loadEnv(mode, process.cwd()))访问。

异步任务介绍 1.宏任务：也称为任务队列，宏任务现在分为用户交互任务队列，延时任务队列，网络请求任务队列等，2.微任务：也称为Job队列，Promise队列；