卷心菜wanwan

vite搭建官网 预备工作 1. 全局安装create-vite-app: 2. 创建项目目录 3. Vue 2 和 Vue 3 的区别 90% 的写法完全一致，除了以下几点 Vue 3 的 Temp

准备工作 1. 使用create-react-app创建项目 Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。 它本身集成了Webp

数组去重？ 著名面试题： 如何实现数组去重？ 包括： 使用set 使用Map 不用Map，Set（使用循环+各种API） 方法1: es6-set Array.from()：方法从一个类似数组或可迭代

路由守卫 https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 全局守卫：router.beforeEach，router

vue 生命周期 vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。

computed计算属性 被计算出来的属性就是计算属性，类似过滤器，对绑定到view的数据进行处理 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的

HTTP缓存 先看几篇文章： HTTP缓存控制小结 浏览器缓存策略 浏览器缓存缓存策略 HTTP 缓存有哪几种 ETag 是通过对比浏览器和服务器资源的特征值（如MD5）来决定是否要发送文件内容，如果

用 mouse 事件写一个可拖曳的 div 几个要点 鼠标 mouse 的三个事件的监听处理。即 mousedown、mousemove、mouseup。 可以被拖拽随意移动的元素一般是绝对定位的元素

1. 引入场景 监听浏览器滚动条的位置，会发现这个函数的执行频率太高了。 函数防抖和节流，都是控制事件触发频率的方法。应用场景有很多，输入框持续输入，将输入内容远程校验、多次触发点击事件、onScro