Michelle209的博客

基本数据类型（Number、String、BigInt、Boolean）会直接拿数值相互比较，引用数据类型(Object(Array\Set\Map都是特殊的Object)) 比较的是它们内存中分配的地址

在tab上定位一个slider，每次点击的时候获取当前active的tab-item序号，从而获取到其相对于父元素的水平距离，然后把这个距离更新到slider的left属性上。

TypeScript是JS的超集，为JS添加了类型支持。

reactive与ref都是Vue3中非常重要的API，众所周知，用这两个API可以创建响应式数据，从而实现Vue的数据驱动视图。平时用的时候只知道用ref定义基本数据类型，reactive定义引用数据类型。解决：给arr2外层包裹一个对象这样可以赋值成功参考发现要么所有数据用ref单独定义，要么用reactive定义一个外层对象，在对象里定义数据（类似Vue2的data） ，最好不要用reactive直接定义数组。接下来复习一下reactive原理。

playersRef.value有数据，但是playersRef.value[0]为undefined。P.S. 如果把方法放到updated里面会一直请求数据，就没用updated。用nextTick再调用一次。

arr.forEach(currentValue, index, array) （map、filter、every、some、find的参数类似）注意，如果是按照数字从小到大排列不能直接使用sort。unicode的顺序。

管理相对复杂的状态数据定义一个reducer函数，根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时，通过dispatch函数分派一个对象，即通知reducer具体返回哪个状态对应的操作。

路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信。

集中状态管理工具，不需要react即可使用，每个store的数据都是独立于组件之外的vue小链接：vuex/pinia。

需要复用的逻辑功能，可以单独封装一个函数(函数名一般用use开头)toggle)return {toggle,return (

React由Meta公司研发，是一个用于 构建Web和原生交互界面的库优势：组件化开发、不错的性能、丰富生态（所有框架中最好）、跨平台（web、ios、安卓）

复合函数，分组，过滤数组中的每个元素，转换数组中的每个元素

数组拍平， 数组归约运算， 防抖

有时间限制的缓存， 记忆函数， 蜗牛排序

数组原型对象的最后一个元素， 计数器， 睡眠函数

腐烂的橘子，数组中的第K个最大元素

除法求值，迷宫中离入口最近的出口

钥匙和房间，省份数量

二叉搜索树中的搜索，删除二叉搜索树中的节点

二叉树的深度，最大层内元素和（二叉树DFS）