摘要：
需求截图： 截图说明：上半部分为antd的手风琴效果，内容为视频漏录的时间段；下半部分为条形时间段（css实现） 下半部分视频漏录时间长条实现思路： 漏录条和底部时间分别为两个div 漏录条div ① div1： 宽度为100%，背景颜色：灰色 ② div2： 漏录时间片段，背景颜色：红色 ③ 漏录 阅读全文
摘要：
问题描述： 表格数据为分页查询获取，在第一页勾选数据后，切换到第二页再勾选数据，会导致第一页中勾选的数据丢失。 解决方案代码： const [selectedRowKeys, setSelectedRowKeys] = useState<any>([]); const rowSelection = 阅读全文
摘要：
列表滚动时，请求接口加载新的数据。 效果图如下： 核心代码 <div style={boxStyle}> <div style={titleStyle}>录像保存天数</div> <div id="scrollableDiv" style={{ height: 480, overflow: "aut 阅读全文
摘要：
antd CheckBox实现全选、多选 效果演示： 说明 antd 组件库中的CheckBox有全选的效果可配置，但是当checkbox.group的item是遍历出来时，就不能直接实现全选效果 实现思路 配合状态管理StateManage的使用，实时改变dataSource。此处卡片中使用的是单 阅读全文
摘要：
思路：在useEffect中return一个函数，组件卸载前的操作在函数中实现 useEffect(() => { return ()=>{ // 组件卸载回调, 此处编写卸载前的操作代码 } }, []); 阅读全文
摘要：
说明：父组件和子组件不在不同文件中，现需使用useContext实现父组件传值给子组件。 父组件 import React, { useState, createContext, useContext } from "react"; import ContentBox from "./Content 阅读全文
摘要：
展开一个数组 合并数组 在函数中使用 function sum(...numbers){ return numbers.reduce((preValue,currentValue)=>{ return preValue + currentValue }) } console.log(sum(1,2, 阅读全文
摘要：
概念：单例模式是只允许实例化一次的对象类。 1、创建思路： 创建一个闭包函数 在闭包函数中创建保存实例的变量 instance，并赋值 null 编写单例函数 在闭包函数中返回单例的实例变量 返回前先判断instance是否为空，为空则先创建再返回 2、示例代码 // 单例模式 var Single 阅读全文
摘要：
文字前面加小图标时默认是对不齐的，此时可以利用垂直居中的方法进行对齐。 效果图如下： 图标大小：19*19 父容器高度：19 图标用<span></span>标签包起来，然后设置垂直居中 核心代码： <div style="padding: 10px; color: #888; height:19p 阅读全文
摘要：
描述： 从一个大数组中过滤掉一个小数组，获得大数组中的其他数据 1. item为字符串 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const w = ['spray', 'lim 阅读全文