react 中的 useRef怎么用？
在 React 中，Ref 是用来访问 DOM 元素或组件实例的工具，它可以让你直接访问一个元素或组件的实例，而不是通过 React 的渲染机制来更新它。React 提供了 useRef 钩子来创建和操作 ref。 1. 基...
toRefs 和 toRef 是什么？
toRefs 是 Vue 3 提供的一个工具函数，用于将响应式对象的每个属性转换为独立的 ref。它通常与 reactive 一起使用，帮助我们在组件或组合式函数中更灵活地解构响应式对象，同时保持响应式特性。...
interface和type的区别？
在 TypeScript 中，interface 和 type 都可以用来定义对象的结构，但它们有一些关键的区别和适用场景。以下是它们的比较与场景说明： 1. 基本用途 interface：主要用于定义对象类型的结构，适用...
详谈audio标签自动播放的问题
问题1：audio标签设置autoplay自动播放不生效 import { useEffect, useRef } from 'react'; export default function MusicPage() { return ( <div> <h1>音乐播放</h1> <audio cont...
全面解析 JavaScript 垃圾回收机制：从原理到优化
js 是一种高级语言，内存分配和释放由引擎自动完成。垃圾回收（Garbage Collection, GC）作为引擎的一部分，负责释放不再使用的内存。 什么是垃圾回收？ 垃圾回收是为了释放不再使用的内存，从...
CSS 文本溢出隐藏
在前端开发中，当文本内容超出容器时，可以通过 CSS 来控制文本溢出的显示方式。例如，隐藏超出部分并显示省略号。这种需求常见于 标题栏、按钮、或表格单元格 等有限空间中。下面是常用的几种 ...
如何依次调用接口？
业务场景描述1.模拟接口：循环创建多个promise方法，第一个返回1，第二个返回22.必须按顺序依次调用，调用第一个Promise返回1后，再调用第二个Promise返回2，依此类推…（） async await结合for...
那些经常能用到的promise.all场景（后续会补充…）
业务场景 有3个下拉框的接口需要调用，一旦遇到报错就不需要再调用，完了之后再掉/page 接口 function createFetchPromise(value) { return new Promise((resolve) => { setTimeout(() => { con...
ES6的Symbol详解
Symbol 是什么？ Symbol 是一个基本类型，用于生成唯一的标识符。每次调用 Symbol() 函数，都会创建一个新的、唯一的 Symbol 值，即使传递相同的描述（description），它们也不会相等。 let sym...
前端业务场景所对应的库
业务可使用库/语言备注语音js-audio-recorder可视化图表echarts常用图表、地图d3.js控制每个地方的点和线富文本 wangEditor地图 2dleafletopenlayersui组件库elementPlus、antDesignVuevueantD...