摘要：
因为项目需求，要将Table组件的样式修改为UI图所给的效果，但是怎么写都不生效 最后发现在 .ant-table的样式中设了scrollbar-color，只要把这里的样式设为scrollbar-color: auto; 然后再改.ant-table-body里面滚动条的样式，就可以了 .ant- 阅读全文
摘要：
useMemo 是 React 提供的一个用于优化组件性能的钩子函数。它可以缓存组件的计算结果，并在依赖项发生变化时重新计算。这可以避免在每次组件渲染时都重新计算相同的值，从而提高组件的性能。 useMemo 的语法如下： const memoizedValue = useMemo(() => co 阅读全文
摘要：
useCallback 是一个 React Hooks API，它可以用于优化函数组件的性能，避免不必要的重新渲染。useCallback 接受两个参数：第一个参数是一个回调函数，第二个参数是一个依赖数组，用于控制何时重新创建回调函数。当依赖数组中的任何一个值发生变化时，useCallback 将返 阅读全文
摘要：
useEffect是React Hook的一种，用于在函数组件中定义副作用操作，比如改变DOM、发送网络请求、订阅事件等等。useEffect用于替代类组件中的生命周期方法。它接受一个函数作为第一个参数，在组件更新时调用这个函数，如果你需要在组件挂载时调用这个函数，需要传入一个空数组作为第二个参数； 阅读全文
摘要：
因项目需求，要求在可视化大屏中接入视频监控，实现实时观看视频； 之前接过flv格式的视频流，以为视频接入方法应该都差不多，动手操作，复制粘贴（视频不见了），没有报错，网络请求正常，但是就是没有视频。 询问后台，他们说这个接口返回的是hls协议的视频，之前flv..js文件根本不适用与现在这个。 怎么 阅读全文
摘要：
项目中碰到个问题，后台返回数据为null，但是之前代码没有做null的判断，导致使用该数据里属性值时报错 很快，在代码中定位到报错字段，加上可选链操作符( ?. )时，代码编译运行正常，但是到了打包的时候却报了个错误 Arrow function has a complexity of 18 com 阅读全文
摘要：
location /{ set $is_matched 0;#是否有匹配的参数 # 正则判断url中携带的参数是否有匹配 if ($query_string ~ ".*(?:^|\?|&)token=123") { set $is_matched 1; } if ($is_matched = 0) 阅读全文
摘要：
该功能主要通过监听鼠标事件来在canvas上绘制 const cvs = document.getElementById("cvs");//获取canvas节点 const ctx = cvs.getContext("2d"); let isDrawing = false;//标记是否处于绘制状态 阅读全文
摘要：
首先来看一下效果： 这里是使用了canvas来绘制出来的，但是canvas是静态的，如何实现动态的下雨效果呢？没错，定时器，都是基本的东西，但是组合起来效果还是很好的。 下面开始方法： 第一步是需要获取展示代码雨的dom宽高 这里是用的全屏，所以宽高就直接是windom的innerWidth和inn 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文