那些前端代码中的尖括号<>你看得懂吗？
1. 泛型（Generics） 泛型（Generics）是 TypeScript 中的一种功能，允许你在声明时不指定具体的类型，而是在使用时指定具体类型，从而提高代码的复用性和灵活性。 示例：泛型函数 function ide...
MutationObserver这个是什么？什么场景会用到这个？
MutationObserver 是一个用于监听 DOM 树变化的 Web API，能帮助开发者检测 DOM 元素的变化，例如添加、删除或修改属性、文本等。这对于开发某些动态更新的应用尤为重要，特别是需要监听 DOM 变...
为什么要用defineAsyncComponent？
defineAsyncComponent 是什么？ defineAsyncComponent 是 Vue 3 中用于定义异步组件的一个 API。它允许你按需加载组件，从而提升应用的性能，尤其是当某些组件较大时，可以避免一开始就加载这些...
react 中的 useRef怎么用？
在 React 中，Ref 是用来访问 DOM 元素或组件实例的工具，它可以让你直接访问一个元素或组件的实例，而不是通过 React 的渲染机制来更新它。React 提供了 useRef 钩子来创建和操作 ref。 1. 基...
vue3新引入的defineModel你用了吗？巨好用！
defineModel 是 Vue 3.4+ 中引入的一个新特性，用于声明组件的 v-model 双向绑定的 prop，并简化了父子组件之间的双向数据绑定过程。它允许在组件中创建双向绑定的 prop，并自动处理 modelValue...
利用 :has() 实现父级样式控制
CSS 中的伪类 :has() 是一个非常强大的工具，它可以让父级元素根据子级元素的状态动态调整样式，从而减少 JavaScript 的依赖。 场景：根据子元素的状态改变父元素样式 传统方式（需要 JS）： &l...
toRefs 和 toRef 是什么？
toRefs 是 Vue 3 提供的一个工具函数，用于将响应式对象的每个属性转换为独立的 ref。它通常与 reactive 一起使用，帮助我们在组件或组合式函数中更灵活地解构响应式对象，同时保持响应式特性。...
interface和type的区别？
在 TypeScript 中，interface 和 type 都可以用来定义对象的结构，但它们有一些关键的区别和适用场景。以下是它们的比较与场景说明： 1. 基本用途 interface：主要用于定义对象类型的结构，适用...
前端业务场景所对应的库
业务可使用库/语言备注语音js-audio-recorder可视化图表echarts常用图表、地图d3.js控制每个地方的点和线富文本 wangEditor地图 2dleafletopenlayersui组件库elementPlus、antDesignVuevueantD...
你真的弄懂了使用ES6 Promise的不同情况的返回值是什么吗？
Promise是什么？ Promise 是 JavaScript 中用于处理异步操作的一种机制。它代表了一个尚未完成但预期会在未来某个时间点完成的操作，允许你处理异步操作的结果或者异常。 Promise 的状态 一个 P...