- 博客(15)
- 收藏
- 关注
原创 ... 扩展运算符是浅复制还是深复制以及它的使用场景都有哪些?
扩展运算符实现的是浅拷贝(Shallow Copy),它只能复制对象的第一层属性。它的使用场景有合并数组、复制数组、将字符串转为数组、合并对象、复制对象、解构赋值等等
2024-03-22 21:37:04
535
原创 JS 中常见的七种获取元素的方法
本文列举了 JS 中常见的七种获取元素的方法和一些应用场景:getElementById()、getElementsByTagName()、getElementsByClassName()、querySelector() 和 querySelectorAll()、getElementsByName()、document.title 和 document.body 等等。
2024-03-22 17:01:19
1897
原创 详解 React 中的 Context
context 是 React 提供的一个跨层级通信的方式,它允许父组件向其下面整个树提供数据,让我们可以不用显式地通过组件树逐层传递 props。
2024-02-23 15:45:37
4675
1
原创 详解 React 中的 ref
在 React 中,ref 主要用于获取组件实例或访问 DOM 节点,也可以用于组件间通信。它是一个普通的 JavaScript 对象,拥有一个名为 current 的属性。它的创建方式有两种,createRef 和 useRef。函数组件中使用 useRef 来创建 ref。接收一个任意初始值,如字符串、对象,甚至是函数等。使用 useRef 创建的 ref 只会在组件首次渲染时创建,每次都会返回相同的引用,所以通过 ref 可以拿到最新的值。
2024-02-21 15:10:43
4136
原创 vue3 + ts + element plus 的 el-table 和 el-radio 实现单选效果并设置不显示 label 文本
vue3 + ts + element plus 的 el-table 和 el-radio 实现单选效果并设置不显示 label 文本,通过在 el-radio 标签中添加一个没有内容的标签来实现
2023-06-21 09:52:24
3049
1
原创 JS 数组去重的8种方法,包括 NaN 和引用数据类型的去重方法
ES6 新增的 Set() 方法和 Map 方法;reduce 和 includes 搭配使用;filter 和 indexOf 搭配使用;filter 和 indexOf 搭配使用;for 循环搭配 IndexOf;双层 for 循环 和 splice 搭配使用;sort 和 for 循环搭配使用;使用对象键值法
2023-04-23 13:40:45
1028
原创 Map 和 Object 的区别
Object 和 Map 类似的是,它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。但是它们的创建方式、删除方式和获取长度的方式都不一样,键的类型也不一样。Object 通过 JSON.stringify() 和 JSON.parse 来进行序列话和解析,Map 没有元素的序列化和解析的支持。
2023-04-20 18:05:42
249
原创 ES6 新增的 Set 和 Map 详解和区别
Map 和 Set 都是构造函数,必须使用 new 命令来创建对应的实例。Set 对象初始化的值为一维数组,Map 对象初始化的值为一个二维数组。Map 对象不允许键重复,Set 对象不允许值重复。Map 对象的键不能改的,但是值能改;Set 对象只能通过迭代器来更改值。Map 和 Set 查找速度都非常快,时间复杂度为 O(1)。
2023-04-20 17:34:11
280
原创 react 的 createRef 和 useRef 的区别
createRef 通常用在 class 组件中,useRef 通常用在函数组件中。调用 createRef 声明的 ref 会在组件每次渲染的时候重新创建,每次渲染都会返回一个新的引用。使用 useRef 创建的 ref 只会在组件首次渲染时创建,每次都会返回相同的引用,所以通过 ref 可以拿到最新的值。
2023-03-31 21:11:33
177
原创 监控布防时间(类海康条式布局)react版
监控布防时间前端设计(类海康条式布局),可灵活设置每天的时间段范围。包含增删改功能,满足不同的业务需求。
2021-12-29 11:34:48
856
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人