ref和reactive区别

• ref 用于创建一个响应式引用对象，它将基本类型数据包装在一个响应式对象中，提供了一个.value属性来访问或修改该值
• reactive 创建响应式对象，当你想要创建一个响应式的对象（如普通对象、数组等）时，可以使用"reactive"。它会递归地将对象的所有属性转换为响应式属性，使得当对象的属性发生变化时，能够触发相关的响应
• "ref" 适用于创建响应式的基本类型数据，
• "reactive" 适用于创建响应式的对象。
• "ref" 创建的对象需要通过.value属性访问或修改值，
• "reactive" 创建的对象可以直接访问和修改属性。

react页面白屏检测

• 检测网络请求和资源加载
• 检查控制台错误信息
• react 组件渲染

302怎么确定重定向路径

302表示临时重定向，会在响应头的Location字段值指定重定向的目标的URL 浏览器会根据该字段的值自动发送新请求，并重定向到指定的URL。

csrf原理和解决方案

移动端怎么适配

• 响应式设计
• 弹性单位 ：使用相对单位（如百分比、em、rem）
• Viewport设置：在页面的头部添加标签来设置viewport。Viewport是指浏览器中用于展示网页的可见区域，设置viewport可以控制页面在移动设备上的缩放行为和布局。常见的设置包括设置viewport的宽度、缩放比例、禁止缩放等。

全排列

对一组元素进行所有可能的排列组合 递归

快排

它的基本思想是通过选择一个基准元素，将数组划分为两个部分，其中一部分小于基准元素，另一部分大于基准元素，然后递归地对两个部分进行排序

js对象数组转树形结构

promise(A).catch(f1).then(f2),f1执行后f2回执行吗，为什么

只要在 Promise 链中发生拒绝（rejection），后续的 .then() 方法将被跳过，而最近的 .catch() 方法将被触发。因此，当 f1 执行后，f2 将会被执行，前提是 f1 导致了 Promise 的拒绝状态。如果 f1 没有抛出异常或导致拒绝状态，那么 f2 将不会被执行。