排序
那些前端代码中的尖括号<>你看得懂吗?
1. 泛型(Generics) 泛型(Generics)是 TypeScript 中的一种功能,允许你在声明时不指定具体的类型,而是在使用时指定具体类型,从而提高代码的复用性和灵活性。 示例:泛型函数 function ide...
MutationObserver这个是什么?什么场景会用到这个?
MutationObserver 是一个用于监听 DOM 树变化的 Web API,能帮助开发者检测 DOM 元素的变化,例如添加、删除或修改属性、文本等。这对于开发某些动态更新的应用尤为重要,特别是需要监听 DOM 变...
interface和type的区别?
在 TypeScript 中,interface 和 type 都可以用来定义对象的结构,但它们有一些关键的区别和适用场景。以下是它们的比较与场景说明: 1. 基本用途 interface:主要用于定义对象类型的结构,适用...
你真的弄懂了使用ES6 Promise的不同情况的返回值是什么吗?
Promise是什么? Promise 是 JavaScript 中用于处理异步操作的一种机制。它代表了一个尚未完成但预期会在未来某个时间点完成的操作,允许你处理异步操作的结果或者异常。 Promise 的状态 一个 P...
详谈h5生成分享图片+长按保存图片功能
有时候我们要实现一个生成分享图片,然后长按保存的功能,这个时候我们可以考虑用html2canvas快速实现。 html2canvas yarn add html2canvas import html2canvas from 'html2canvas'; const getI...
详谈audio标签自动播放的问题
问题1:audio标签设置autoplay自动播放不生效 import { useEffect, useRef } from 'react'; export default function MusicPage() { return ( <div> <h1>音乐播放</h1> <audio cont...
全面解析 JavaScript 垃圾回收机制:从原理到优化
js 是一种高级语言,内存分配和释放由引擎自动完成。垃圾回收(Garbage Collection, GC)作为引擎的一部分,负责释放不再使用的内存。 什么是垃圾回收? 垃圾回收是为了释放不再使用的内存,从...
那些经常能用到的promise.all场景(后续会补充…)
业务场景 有3个下拉框的接口需要调用,一旦遇到报错就不需要再调用,完了之后再掉/page 接口 function createFetchPromise(value) { return new Promise((resolve) => { setTimeout(() => { con...
如何依次调用接口?
业务场景描述1.模拟接口:循环创建多个promise方法,第一个返回1,第二个返回22.必须按顺序依次调用,调用第一个Promise返回1后,再调用第二个Promise返回2,依此类推…() async await结合for...
ES6的Symbol详解
Symbol 是什么? Symbol 是一个基本类型,用于生成唯一的标识符。每次调用 Symbol() 函数,都会创建一个新的、唯一的 Symbol 值,即使传递相同的描述(description),它们也不会相等。 let sym...