搜索
MutationObserver这个是什么?什么场景会用到这个?-前后端技术分享

MutationObserver这个是什么?什么场景会用到这个?

MutationObserver 是一个用于监听 DOM 树变化的 Web API,能帮助开发者检测 DOM 元素的变化,例如添加、删除或修改属性、文本等。这对于开发某些动态更新的应用尤为重要,特别是需要监听 DOM 变...
cy的头像-前后端技术分享cy3个月前
03915
vue3新引入的defineModel你用了吗?巨好用!-前后端技术分享

vue3新引入的defineModel你用了吗?巨好用!

defineModel 是 Vue 3.4+ 中引入的一个新特性,用于声明组件的 v-model 双向绑定的 prop,并简化了父子组件之间的双向数据绑定过程。它允许在组件中创建双向绑定的 prop,并自动处理 modelValue...
你真的弄懂了使用ES6 Promise的不同情况的返回值是什么吗?-前后端技术分享

你真的弄懂了使用ES6 Promise的不同情况的返回值是什么吗?

Promise是什么? Promise 是 JavaScript 中用于处理异步操作的一种机制。它代表了一个尚未完成但预期会在未来某个时间点完成的操作,允许你处理异步操作的结果或者异常。 Promise 的状态 一个 P...
那些前端代码中的尖括号<>你看得懂吗?-前后端技术分享

那些前端代码中的尖括号<>你看得懂吗?

1. 泛型(Generics) 泛型(Generics)是 TypeScript 中的一种功能,允许你在声明时不指定具体的类型,而是在使用时指定具体类型,从而提高代码的复用性和灵活性。 示例:泛型函数 function ide...
CSS 文本溢出隐藏-前后端技术分享

CSS 文本溢出隐藏

在前端开发中,当文本内容超出容器时,可以通过 CSS 来控制文本溢出的显示方式。例如,隐藏超出部分并显示省略号。这种需求常见于 标题栏、按钮、或表格单元格 等有限空间中。下面是常用的几种 ...
ES6的Symbol详解 -前后端技术分享

ES6的Symbol详解 

Symbol 是什么? Symbol 是一个基本类型,用于生成唯一的标识符。每次调用 Symbol() 函数,都会创建一个新的、唯一的 Symbol 值,即使传递相同的描述(description),它们也不会相等。 let sym...
cy的头像-前后端技术分享cy6个月前
04913
详谈audio标签自动播放的问题-前后端技术分享

详谈audio标签自动播放的问题

问题1:audio标签设置autoplay自动播放不生效 import { useEffect, useRef } from 'react'; export default function MusicPage() { return ( <div> <h1>音乐播放</h1> <audio cont...
前端业务场景所对应的库-前后端技术分享

前端业务场景所对应的库

业务可使用库/语言备注语音js-audio-recorder可视化图表echarts常用图表、地图d3.js控制每个地方的点和线富文本 wangEditor地图 2dleafletopenlayersui组件库elementPlus、antDesignVuevueantD...
cy的头像-前后端技术分享cy5个月前
07212
react 中的 useRef怎么用?-前后端技术分享

react 中的 useRef怎么用?

在 React 中,Ref 是用来访问 DOM 元素或组件实例的工具,它可以让你直接访问一个元素或组件的实例,而不是通过 React 的渲染机制来更新它。React 提供了 useRef 钩子来创建和操作 ref。 1. 基...
利用 :has() 实现父级样式控制-前后端技术分享

利用 :has() 实现父级样式控制

CSS 中的伪类 :has() 是一个非常强大的工具,它可以让父级元素根据子级元素的状态动态调整样式,从而减少 JavaScript 的依赖。 场景:根据子元素的状态改变父元素样式 传统方式(需要 JS): &l...
cy的头像-前后端技术分享cy3个月前
06212