weixin_42479421的博客

回答：inputRef.value.ref.focus()表达式意义是 Input 组件的实例（一个 proxy）是你在子组件中手动暴露出来的 DOM 节点（通过是你在子组件暴露的 DOM 节点上调用focus()方法。

子组件定义插槽 —— 子组件确定要 插入的位置 —— 父组件定义插槽里的内容 —— 父组件确定 内容 —— 子组件中访问 ，就能知道父组件是否有传入插槽 是 Vue 实例中的一个属性，用于访问所有命名插槽内容。它是一个对象，键是插槽的名字，值是对应的 VNode 数组（Vue 虚拟 DOM 节点）。注意： 中的 内容 是 VNode 对象数组，不是 HTML 字符串。不要直接修改 ，它是 只读 的。若插槽为空，对应的键 会是 。父组件使用 提供了 名为 的插槽内容。在 子组件件内部，插槽 的位置会渲

① 组件 component 的写法。

以下是前端开发中。

特性Vue 3.2Vue 3.5（或 Vue 3.3+）泛型类型识别✅ 可识别✅ 可识别defineProps<泛型>() 支持✅ 支持，但弱✅ 支持完整模板中类型提示（TS 提示）❌ 无提示或不完整✅ 完整提示第三方库类型支持（复杂类型）⚠️ 需要手动检查✅ 可放心使用如果你正在使用这种复杂泛型作为的泛型参数，并希望：保证 props 类型安全在<template>中获得提示、补全更好维护和复用请升级至 Vue 3.3 或 3.5，搭配和最新的Volar插件。

实现方式特点适用场景HTML5 原生拖拽 API✅ 直接使用进行数据传输✅ 兼容性好（大部分浏览器支持）✅ 适合简单的拖拽场景低代码平台、表单生成器、组件拖拽Vue/React 组件库（如✅ 提供更丰富的交互效果✅ 支持列表排序、拖拽嵌套❌ 依赖额外的库复杂拖拽，如列表排序、树状结构CSS 仅视觉拖拽（无交互）✅ 仅改变视觉位置，无数据交互❌ 无法存储拖拽数据简单 UI 动画。

本篇问题导向，后续再更新]

防抖（debounce）是一种控制函数触发频率的技术，核心思想是：💡「等用户操作停止一段时间后，再执行函数。

理清架构：vue文件中（界面）——调用函数js文件中（api交互）——定义函数，并向后端发送 post 请求node后端中（处理）——接收 post 请求，并进行处理在里调用saveToFile要求：调用的传入的数据是js修改，在里，先打印text🚀texttextfetch若发现 text 的格式是content:Proxy用途：把响应式数据 ref([])即Proxy，转为普通数组。这样才可以进行解析。NetworkNetwork（网络）saveHeaders（请求头）

注： 注意顺序，press和cors的顺序。，判断是用require还是import。头部没有配置，导致请求被浏览器拦截。

如果你需要同时管理多个版本的 Node.js，可以使用版本管理工具，比。安装完成后，你可以轻松切换和管理多个 Node.js 版本！：当前的 Node.js 版本（v18.15.0）不符合。需要 Node.js 的版本是。，而你使用的版本低于这个要求。不支持安装 npm 之外。重新打开终端以应用环境变量。（适用于 Windows。

typescript 数据展示、筛选展示

vue3项目初始化，总结可能用到的内容以及操作的步骤链接，以及运行后自动打开浏览器、src别名配置

使用swiper插件，实现pc端的视频滑动功能。

git push报错：error: failed to push some refs to 'gitee.com:S1401435519/short-video.git'

vue3中接口无报错问题，但不显示数据/无数据---->body参数方式为form-data，平常使用的是json

vue3中视频大小 适应浏览器窗口大小

报错-TypeError: Cannot read properties of undefined (reading 'url')

elementplus中el-tabs 管理路由

Error: error:0308010C:digital envelope routines::unsupported

关于前端刷题的网站汇总

快捷生成vue3模板，template、script、style

鉴权

状态适配，采用函数传参 给函数中的对象进行适配

ElemenPlus组件：tab切换/标签切换、分页

解决问题：找不到模块"@/..."或其相应的类型声明，卸载重装插件

路由设计并搭建：静态路由如何配置，动态路由是什么。带参数的动态路由配置（router中通过路径参数 path:'/:id' 实现，通过route.params 或 route.query暴露出来)、动态路由通过route.push或route.replace手动导航

遇到的CSS：&（sass语法）、flex布局、flex:1、scoped(vue引入的css属性)、border-spacing和border-collapse、em相对长度单位、display: inline-block;水平显示列表项、line-height: 1、overflow-y: auto;溢出时、background、vue router 激活时的样式、:before

vue3中封装倒计时函数useCountDown，封装步骤，及代码。dayjs中涉及的知识点

登录业务实现 / 登录鉴权 ：1. 登录成功/失败实现 2. pinia管理用户数据及数据持久化 3. 不同登录状态的模板适配 4. 请求拦截器携带token 5. 退出登陆实现 6. token失效（401响应拦截）

表单校验：1. 简单配置、2. 自定义校验validator: (rule,value,callback)=>{}、3. 统一校验（表单实例.value.validate((valid) => {})）。例子：登录校验

router-link路由跳转，router-view路由出口

逻辑函数封装，use打头 -> 函数内部封装业务逻辑 -> return数据/方法 -> 组件调用

图片懒加载实现（涉及知识点： 全局指令、vueuse插件中的监听视口的方法useIntersectionObserver、封装插件/注册插件）

面包屑导航-》elementPlus组件

组件封装，用于 复用组件 结构

调接口步骤、接口类型、接口报错类型/http状态码

elementPlus实现 轮播图

pinia管理数据、pinia优化重复请求

使用vueuse插件中的useScroll方法 进行吸顶导航交互的实现