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