当前位置: 首页 > news >正文

【React】Hooks useReducer 详解,让状态管理更可预测、更高效

1.背景

useReducer是React提供的一个高级Hook,没有它我们也可以正常开发,但是useReducer可以使我们的代码具有更好的可读性,可维护性。

useReduceruseState 一样的都是帮我们管理组件的状态的,但是呢与useState不同的是 useReducer集中式的管理状态的。

useReducer 适用于复杂的数据类型如: 数组、对象, useState 适用于 字符串、布尔、数字 基本类型的管理。

2.用法

const [state, dispatch] = useReducer(reducer, initialArg, initfn?)

2.1 参数

  1. reducer: 是一个处理函数
    1. reducer 是一个触发state更新的纯函数,接收当前 state 和一个 action 对象,返回新的状态。
    2. reducer 必须返回新状态:直接修改原状态会导致组件不重新渲染。
  2. initialArg :是 state 的初始值。
  3. initfn :是一个可选的函数,用于初始化 state,如果编写了init函数,则默认值使用init函数的返回值,否则使用initialArg

2.2 返回值

useReducer 返回一个由两个值组成的数组:

  • 当前的 state。初次渲染时,它是 init(initialArg) 或 initialArg (如果没有 init 函数),

  • dispatch 函数。用于更新 state 并触发组件的重新渲染。

import { useReducer } from 'react';
//根据旧状态进行处理 oldState,处理完成之后返回新状态 newState
//reducer 只有被dispatch的时候才会被调用 刚进入页面的时候是不会执行的
//oldState 任然是只读的function reducer(oldState, action) {// ...return newState;
}function MyComponent() {const [state, dispatch] = useReducer(reducer, { age: 22,name:'大伟' });// ...

3.计数器案例

  • 当点击 “-” 按钮时,调用 dispatch({ type: ‘add’ }),使 count 增加。
  • 当点击 “+” 按钮时,调用 dispatch({ type: ‘sub’ }),使 count 减少。
/*** 这是一个使用 React useReducer 实现的计数器示例* 展示了如何使用 useReducer 进行复杂状态管理*/// 导入 useReducer Hook 用于状态管理
import { useReducer } from 'react';/*** 定义计数器的初始状态* count 初始值设为 -1,将通过 initFn 转换为正数*/
const initState = {count: -1,
};// 使用 TypeScript 的 typeof 操作符获取状态类型
type StateProps = typeof initState;/*** 初始化函数* @param {StateProps} param - 包含 count 属性的状态对象* @returns {StateProps} 处理后的初始状态* * 该函数在组件初始化时执行一次,用于确保初始计数为正数*/
const initFn = ({ count }: StateProps) => {return {count: Math.abs(count), // 确保计数值为正数}
};/*** Reducer 函数 - 处理状态更新逻辑* @param {StateProps} state - 当前状态* @param {Object} action - 描述如何更新状态的动作对象* @returns {StateProps} 更新后的新状态*/
const reducer = (state: StateProps, action: { type: 'ADD' | 'SUB' }) => {switch (action.type) {case 'ADD':return { count: state.count + 1 }; // 增加计数case 'SUB':return { count: state.count - 1 }; // 减少计数default:return state; // 处理未知的 action 类型}
};/*** 计数器组件* 提供增加和减少计数的功能* 使用 useReducer 实现状态管理*/
function App() {// 初始化 useReducer,获取当前状态和 dispatch 函数const [state, dispatch] = useReducer(reducer, initState, initFn)return (<div>{/* 增加按钮 */}<button onClick={() => dispatch({ type: 'ADD' })}> + </button>{/* 显示当前计数值 */}<span>{state.count}</span>{/* 减少按钮 */}<button onClick={() => dispatch({ type: 'SUB' })}> - </button></div>)
}export default App

4.购物车案例

  • App 组件使用 useReducer 来管理 data 状态,它从 initData 初始化,并通过 dispatch 分发动作来改变商品列表。
  • 商品列表通过 table 渲染,每个商品显示以下信息:
  • 物品:如果该商品的 isEdit 为 true,显示一个输入框用于修改名称;否则显示商品名称。
  • 价格:显示商品的总价(price * count)。
  • 数量:显示商品的数量,提供 - 和 + 按钮来减少或增加数量。
  • 操作:提供 编辑 按钮切换名称编辑状态,删除 按钮可以删除该商品。
  • tfoot 部分显示购物车的总价,通过 reduce 方法计算所有商品的总价。
// 引入React的useReducer钩子用于状态管理,用于处理复杂的状态逻辑
import { useReducer } from 'react';// 定义商品类型接口,描述每个商品的属性结构
interface Product {id: number;      // 商品唯一标识name: string;    // 商品名称price: number;   // 商品价格count: number;   // 商品数量isEdit: boolean; // 是否处于编辑状态
};// 定义Action类型,描述可以对商品进行的操作类型
type ActionType = {type: 'ADD' | 'SUB' | 'DEL' | 'EDIT' | 'EDIT-NAME' | 'BLUE-NAME'; // 操作类型id: number;    // 操作的商品idname?: string; // 可选的新商品名称
};// 初始商品数据数组,包含4种水果商品的信息
const initState: Product[] = [{id: 1,name: '蓝莓',price: 10,count: 1,isEdit: false,},{id: 2,name: '草莓', price: 20,count: 1,isEdit: false,},{id: 3,name: '芒果',price: 15,count: 1,isEdit: false,},{id: 4,name: '葡萄',price: 25,count: 1,isEdit: false,},
];/*** reducer函数 - 处理购物车状态更新的核心逻辑* @param state - 当前的商品状态数组* @param action - 要执行的操作对象,包含type(操作类型)、id(商品id)和可选的name(新商品名)* @returns 更新后的商品状态数组*/
const reducer = (state: Product[], action: ActionType): Product[] => {const { type, id, name } = action;switch (type) {case 'ADD': // 增加商品数量return state.map(item => item.id === id ? { ...item, count: item.count + 1 } : item);case '  ': // 减少商品数量,最小为0return state.map(item =>item.id === id ? { ...item, count: Math.max(0, item.count - 1) } : item);case 'DEL': // 删除商品return state.filter(item => item.id !== id);case 'EDIT': // 进入编辑模式return state.map(item =>item.id === id ? { ...item, isEdit: true } : item);case 'EDIT-NAME': // 更新商品名称return state.map(item =>item.id === id ? { ...item, name: name || item.name } : item);case 'BLUE-NAME': // 退出编辑模式return state.map(item =>item.id === id ? { ...item, isEdit: false } : item);default:return state;}
};// App组件:购物车的主要界面
function App() {// 使用 useReducer 管理购物车状态const [data, dispatch] = useReducer(reducer, initState);// 计算购物车商品总价const totalPrice = data.reduce((total, item) => total + item.price * item.count, 0);return (<><h1>购物车</h1>{/* 购物车商品列表表格 */}<table cellPadding={0} cellSpacing={0} border={1} width="100%"><thead><tr><th>商品名称</th><th>商品价格</th><th>商品数量</th><th>总价</th><th>操作</th></tr></thead><tbody>{/* 遍历渲染每个商品信息 */}{data.map((item) => (<tr key={item.id}><td align='center'>{/* 商品名称:可编辑状态显示输入框,否则显示文本 */}{item.isEdit ? (<inputtype="text"value={item.name}onBlur={() => dispatch({ type: 'BLUE-NAME', id: item.id })}onChange={(e) => dispatch({ type: 'EDIT-NAME', id: item.id, name: e.target.value })}/>) : item.name}</td><td align='center'>{item.price}</td><td align='center'>{/* 商品数量控制按钮 */}<button onClick={() => dispatch({ type: 'ADD', id: item.id })}> + </button>{item.count}<button onClick={() => dispatch({ type: 'SUB', id: item.id })}> - </button></td><td align='center'>{item.price * item.count}</td><td align='center'>{/* 商品操作按钮 */}<button onClick={() => dispatch({ type: 'DEL', id: item.id })}>删除</button><button onClick={() => dispatch({ type: 'EDIT', id: item.id })}>编辑</button></td></tr>))}</tbody><tfoot>{/* 显示购物车总价 */}<tr><td colSpan={4} align='right'>总价</td><td align='center'>{totalPrice}</td></tr></tfoot></table></>);
};export default App;

5. useState 的对比

特性useStateuseReducer
适用场景简单状态(如布尔值、字符串、数字)复杂状态逻辑(如多个子值、依赖前状态)
状态更新直接赋值通过 dispatch 派发动作
可测试性较低较高(Reducer 是纯函数)

6. 总结

  • 何时使用 useReducer
    • 状态更新逻辑复杂(如涉及多个子状态)。
    • 需要复用状态更新逻辑(如多个组件共享相同的逻辑)。
  • 优势:集中管理状态逻辑,便于测试和维护。

通过 useReducer,你可以更高效地管理 React 组件中的复杂状态交互。

相关文章:

【React】Hooks useReducer 详解,让状态管理更可预测、更高效

1.背景 useReducer是React提供的一个高级Hook,没有它我们也可以正常开发&#xff0c;但是useReducer可以使我们的代码具有更好的可读性&#xff0c;可维护性。 useReducer 跟 useState 一样的都是帮我们管理组件的状态的&#xff0c;但是呢与useState不同的是 useReducer 是集…...

Runnable组件重试机制降低程序错误率

一、LangChain 重试机制深度解析 当构建生产级AI应用时&#xff0c;with_retry() 机制可有效提升系统容错性&#xff0c;典型应用场景包括&#xff1a; API调用频率限制时的自动恢复模型服务临时不可用的故障转移网络波动导致的瞬时异常处理 参数详解与配置策略 1. 参数配置…...

纹理过滤方式和纹理包裹方式

纹理过滤方式 纹理过滤方式有临近过滤&#xff08;Nearest&#xff09;和双线性插值过滤&#xff08;Linear&#xff09;&#xff0c;什么时候用什么过滤方式其实看个人选择&#xff0c;区别就是临近过滤是当需要的像素大于图片像素时候&#xff0c;一些像素点需要复用与他相近…...

55.[前端开发-前端工程化]Day02-包管理工具npm等

包管理工具详解 npm、yarn、cnpm、npx、pnpm 1 npm包管理工具 代码共享方案 包管理工具npm 2 package配置文件 npm的配置文件 方式二 常见的配置文件 常见的属性 常见的属性 常见的属性 依赖的版本管理 常见属性 npm install 命令 项目安装 3 npm install原理 npm instal…...

Maven安装配置以及Idea中的配置教程

一、下载Maven 我使用的是3.9.9的版本&#xff1a; 下载地址&#xff1a;Download Apache Maven – Maven 二、安装 将下载好的Maven压缩包解压到一个路径不包含中文的文件夹&#xff1a; 三、配置环境变量 以win11系统为例&#xff1a; 1.鼠标右键此电脑->属性->…...

【JavaScript】性能优化:打造高效前端应用

文章目录 一、执行效率优化(关键路径优化)1.1 算法时间复杂度控制1.2 Web Workers多线程计算二、内存管理(避免内存泄漏)2.1 定时器清理2.2 DOM引用释放三、DOM操作优化(渲染性能)3.1 批量DOM更新3.2 读写分离策略四、网络传输优化(加载性能)4.1 代码分割(Dynamic Imp…...

【C语言练习】018. 定义和初始化结构体

018. 定义和初始化结构体 018. 定义和初始化结构体1. 定义结构体示例1:定义一个简单的结构体输出结果2. 初始化结构体示例2:在声明时初始化结构体输出结果示例3:使用指定初始化器初始化结构体(C99及以上标准支持)输出结果3. 结构体数组示例4:定义和初始化结构体数组输出结…...

Three.js支持模型格式区别、建议

在 Three.js 中,3D 模型的种类和格式非常多样,每种格式都有其适用场景和优缺点。以下是常见的 Three.js 支持的模型格式、它们的区别、使用建议及推荐。 在这里推荐免费的blender工具,免费、占用空间不大,而且好用,前端打开模型时使用不错,或者有自己想做的模型也可以用它…...

JavaScript基础-流程控制概念

在JavaScript编程中&#xff0c;掌握如何控制程序的执行流程是编写功能强大、逻辑清晰代码的关键。流程控制语句允许我们根据不同的条件执行不同的代码块&#xff0c;或者重复执行某些操作&#xff0c;从而实现复杂的功能逻辑。本文将详细介绍JavaScript中的几种主要流程控制结…...

PowerBI企业运营分析——多维度日期指标分析

PowerBI企业运营分析——多维度日期指标分析 欢迎来到Powerbi小课堂&#xff0c;在竞争激烈的市场环境中&#xff0c;企业运营分析平台成为提升竞争力的核心工具。 通过整合多源数据、实时监控关键指标&#xff0c;该平台能够精准分析业务表现&#xff0c;快速识别问题与机会…...

施磊老师rpc(三)

文章目录 mprpc框架项目动态库编译框架生成动态库框架初始化函数-文件读取1. 为什么要传入 argc, argv2. 读取参数逻辑3. 配置文件设计 init部分实现 mprpc配置文件加载(一)配置文件加载类成员变量主要方法**src/include/mprpcconfig.h** 配置文件**bin/test.conf** 实现配置文…...

k8s 探针

Kubernetes 中的探针&#xff08;Probes&#xff09;用于检测容器的健康状态或就绪状态&#xff0c;确保应用在运行时的可靠性。Kubernetes 提供三种探针类型&#xff0c;它们的核心区别在于用途和失败后的处理逻辑。以下是它们的详细说明和对比&#xff1a; 1. 启动探针&…...

MIT6.S081-lab8

MIT6.S081-lab8 1. Large files 从 lecture 我们可以知道&#xff0c;我们目前的单个文件的最大大小很小&#xff0c;这是因为我们能够索引的索引块范围很小&#xff0c;实际上&#xff0c;目前的索引只有直接索引和一级索引&#xff0c;而这个实验就是需要我们去实现二级索引…...

【RabbitMQ】 RabbitMQ快速上手

文章目录 一、RabbitMQ 核心概念1.1 Producer和Consumer2.2 Connection和Channel2.3 Virtual host2.4 Queue2.5 Exchange2.6 RabbitMQ工作流程 二、AMQP协议三 、web界面操作4.1 用户相关操作4.2 虚拟主机相关操作 四、RabbitMQ快速入门4.1 引入依赖4.2 编写生产者代码4.2.1 创…...

使用Rust + WebAssembly提升前端渲染性能:从原理到落地

一、问题背景&#xff1a;为什么选择WebAssembly&#xff1f; 最近在开发数据可视化大屏项目时&#xff0c;我们遇到了一个棘手的问题&#xff1a;前端需要实时渲染10万数据点的动态散点图&#xff0c;使用纯JavaScript Canvas方案在低端设备上帧率不足15FPS。经过性能分析&a…...

【quantity】9 长度单位模块(length.rs)

代码是用Rust语言定义的一组长度单位类型&#xff0c;利用了泛型和类型别名来创建带不同SI前缀的长度量。下面是详细解释&#xff1a; 基础结构&#xff1a; 使用了Quantity<V, P, Meter>作为基础类型&#xff0c;表示一个带有值类型V、前缀P和单位Meter的量。 Meter是…...

网络通信领域的基础或流行协议

一、TCP(传输控制协议) 1. 宏观介绍 TCP:全称“Transmission Control Protocol”——传输控制协议,是互联网最基础的传输协议之一。传输层协议,提供面向连接、可靠的字节流传输服务。它通过三次握手建立连接、四次挥手断开连接,确保数据有序、完整地传输作用:让两个设备…...

STM32——GPIO

1、GPIO简介 GPIO&#xff08;General Purpose Input Output&#xff09;通用输入输出口 可配置为8种输入输出模式 引脚电平&#xff1a;0V~3.3V&#xff0c;部分引脚可容忍5V 输出模式下可控制端口输出高低电平&#xff0c;用以驱动LED、控制蜂鸣器、模拟通信协议输出时序等 …...

AE模板 300个故障干扰损坏字幕条标题动画视频转场预设

这个AE模板提供了300个故障干扰损坏字幕条标题动画视频转场预设&#xff0c;让您的视频具有炫酷的故障效果。无论是预告片、宣传片还是其他类型的视频&#xff0c;这个模板都能带给您令人惊叹的故障运动标题效果。该模板无需任何外置插件或脚本&#xff0c;只需一键点击即可应用…...

2025-2026 XCPC

基本信息 本赛季由 jr-zlw \texttt{\color{#AA00AA}{jr-zlw}} jr-zlw, Skyzhou \texttt{\color{#03A89E} Skyzhou} Skyzhou 和 sunchaoyi \texttt{\color{#0000FF}sunchaoyi} sunchaoyi 组队&#xff0c;全靠大佬带飞~。 训练记录 2025.05.02 The 2023 Guangdong Provinci…...

list类的详细讲解

【本节目标】 1. list的介绍及使用 2. list的深度剖析及模拟实现 3. list与vector的对比 1. list的介绍及使用 1.1 list的介绍 1. list 是可以在常数范围内在任意位置进行插入和删除的序列式容器&#xff0c;并且该容器可以前后双向迭代。 2. list 的底层是双向链表结构&a…...

中小企业MES系统数据库设计

版本&#xff1a;V1.0 日期&#xff1a;2025年5月2日 一、数据库架构概览 1.1 数据库选型 数据类型数据库类型技术选型用途时序数据&#xff08;传感器读数&#xff09;时序数据库TimescaleDB存储设备实时监控数据结构化业务数据关系型数据库PostgreSQL工单、质量、设备等核心…...

wfp CommandParameter 详细解说

WPF 中的 CommandParameter 是命令模型中的关键属性,用于向命令的执行逻辑传递动态参数。以下是其主要特性和应用场景的详细解析: 1. ‌基本概念与用法‌ ‌数据传递机制‌ CommandParameter 通常与 Command 属性配合使用,允许在 XAML 中静态定义参数或在绑定中动态传递值。…...

正弦波、方波、三角波和锯齿波信号发生器——Multisim电路仿真

目录 Multisim使用教程说明链接 一、正弦波信号发生电路 1.1正弦波发生电路 电路组成 工作原理 振荡频率 1.2 正弦波发生电路仿真分析 工程文件链接 二、方波信号发生电路 2.1 方波发生电路可调频率 工作原理 详细过程 2.2 方波发生电路可调频率/可调占空比 调节占空比 方波产生…...

Java语言概述

Java语言概述 什么是程序&#xff1f; ​ 程序是计算机执行某些操作或解决某个问题而编写的一系列有序指令单集合。 ​ 举例&#xff1a; ​ 计算11&#xff0c;并把结果写在黑板上 ​ 计算11&#xff0c;并把结果显示在屏幕上&#xff08;按编程语言规定的语句&#xff0…...

截图软件、画图软件、左右分屏插件、快捷键

截图软件 画图软件 画图时候按字母可以改变颜色&#xff1a;红色r,蓝色b,绿色g,粉色p,橙色o 左右分屏&#xff1a; 快捷键 1.打开文件或文件夹&#xff1a; CtrlP&#xff1a;快速打开文件。CtrlR&#xff1a;快速打开文件或文件夹。 2.文件操作&#xff1a; CtrlN&…...

Linux 信号

一、生活中的信号 1.1、生活中的信号从产生到结束过程 例&#xff1a; ①、外卖电话响了&#xff08;信号产生&#xff09;-> 我接了电话并告诉外卖员说先放到楼下的架子上&#xff08;识别到这个信号&#xff0c;并记住&#xff0c;保存到我的脑海里面&#xff09; ->…...

AI 生成内容的版权困境:法律、技术与伦理的三重挑战

最近研学过程中发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击链接跳转到网站人工智能及编程语言学习教程。读者们可以通过里面的文章详细了解一下人工智能及其编程等教程和学习方法。下面开始对正文内容的…...

【愚公系列】《Manus极简入门》013-电影推荐专家:“银幕导航家”

&#x1f31f;【技术大咖愚公搬代码&#xff1a;全栈专家的成长之路&#xff0c;你关注的宝藏博主在这里&#xff01;】&#x1f31f; &#x1f4e3;开发者圈持续输出高质量干货的"愚公精神"践行者——全网百万开发者都在追更的顶级技术博主&#xff01; &#x1f…...

MCP智能体意图识别与工具路由:让AI自主决策调用链路

目录 &#x1f680; MCP智能体意图识别与工具路由&#xff1a;让AI自主决策调用链路 &#x1f31f; 什么是意图识别与工具路由&#xff1f; &#x1f6e0;️ 1. 设计意图识别模块 1.1 简易关键字规则版&#xff08;基础版&#xff09; 1.2 使用大模型辅助意图识别&#xff…...

【Redis】List类型

文章目录 List的特点介绍lpush&#xff0c;lpushx&#xff0c;rpush&#xff0c;rpushx命令lrange命令lpop和rpoplindex命令linsert命令llen命令lrem 命令ltrim命令lset命令阻塞版本的命令blpop和brpop 命令小结list的内部编码List的应用场景 List的特点介绍 列表相当于一个数…...

Trae 安装第三方插件支持本地部署的大语言模型

Trae 安装第三方插件支持本地部署的大语言模型 0. 引言1. 安装插件 0. 引言 字节发布的 Trae IDE 一直不支持本地部署的的大语言模型。 Qwen3 刚刚发布&#xff0c;想在 Trae 中使用本地部署的 Qwen3&#xff0c;我们可以在 Trae 中安装其他插件。 1. 安装插件 我们可以安装…...

【免费】2010-2019年上市公司排污费数据

2010-2019年上市公司排污费数据 1、时间&#xff1a;2010-2019年 2、来源&#xff1a;上市公司披露报告 3、指标&#xff1a;代码、日期、名称、本期支出 4、范围&#xff1a;417家上市公司 5、相关研究&#xff1a;胡珺,宋献中,王红建.非正式制度、家乡认同与企业环境治理…...

第Y3周:yolov5s.yaml文件解读

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 本次任务&#xff1a;将yolov5s网络模型中的第4层的C3x2修改为C3x1&#xff0c;第6层的C3x3修改为C3x2。 首先输出原来的网络结构&#xff1a; from n pa…...

python 桌面程序开发简述及示例

Python桌面程序开发简述及示例 Python凭借其简洁的语法和丰富的库支持,非常适合开发跨平台的桌面应用程序。本文将介绍Python桌面开发的主要方法,并提供实际代码示例。 一、Python桌面开发主要方法 1.1 Tkinter(标准库) Python内置的GUI库,适合开发简单桌面应用 1.2 …...

【前端知识】Vue3状态组件Pinia详细介绍

Vue3状态组件Pinia详细介绍 关联知识 Pinia 组件介绍、核心原理及使用方式 Pinia 组件介绍 Pinia 是 Vue.js 的官方状态管理库&#xff0c;专为 Vue 3 设计&#xff0c;提供简洁的 API 和强大的 TypeScript 支持。其核心组件包括&#xff1a; • Store&#xff1a;状态存储容器…...

YOLO旋转目标检测之ONNX模型推理

YOLO旋转检测相较于目标检测而言&#xff0c;其只是最后的输出层网络发生了改变&#xff0c;一个最明显的区别便是&#xff1a;目标检测的检测框是xywh&#xff0c;而旋转检测则为xywha&#xff0c;其中&#xff0c;这个a代表angle&#xff0c;即旋转角度&#xff0c;其余的基本…...

C++八股--three day --设计模式之单例和工厂

对于C编程中的思想&#xff0c;最常见的就是考察设计模式了 那么我们在面试中常考的设计模式包含以下几种&#xff1a;单例模式&#xff0c; 接下来我们按顺序介绍 1.单例模式&#xff1a; 一个类只能创建一个实例&#xff1a;常应用于日志模块&#xff0c;数据库模块 …...

GAMES202-高质量实时渲染(Assignment 2)

目录 作业介绍环境光贴图预计算传输项的预计算Diffuse unshadowedDiffuse shadowedDiffuse Inter-reflection(bonus) 实时球谐光照计算 GitHub主页&#xff1a;https://github.com/sdpyy1 作业实现:https://github.com/sdpyy1/CppLearn/tree/main/games202 作业介绍 物体在不同…...

一、Shell 脚本基础

一、Shell 简介 1.Shell 的定义与作用 Shell&#xff0c;通常被称为命令行解释器 (Command Line Interpreter)&#xff0c;是用户 &#x1f464; 与 Linux/Unix 操作系统内核进行交互 ↔️ 的“桥梁” &#x1f309;。它扮演着翻译官 &#x1f5e3;️ 的角色&#xff1a; 接…...

redis持久化-RDB

redis持久化-RDB 文档 redis单机安装redis常用的五种数据类型redis数据类型-位图bitmapredis数据类型-基数统计HyperLogLogredis数据类型-地理空间GEOredis数据类型-流Streamredis数据类型-位域bitfield 官方文档 官网操作命令指南页面&#xff1a;https://redis.io/docs/l…...

经典算法 石子合并问题

石子合并问题 问题描述 在一个园形操场的四周摆放N堆石子,现要将石子有次序地合并成一堆.规定每次只能选相邻的2堆合并成新的一堆&#xff0c;并将新的一堆的石子数&#xff0c;记为该次合并的得分。试设计出一个算法,计算出将N堆石子合并成1堆最大得分和最小得分。 输入描述…...

2025A卷华为OD机试真题-数组二叉树(C++/Java/Python)-100分

2025华为OD机试题库-(2025A卷+E卷+D卷)-(JAVA、Python、C++) 目录 题目描述 输入描述 输出描述 示例 1 示例 2 解题思路 代码 c++ java python 题目描述 二叉树也可以用数组来存储,给定一个数组,树的根节点的值储存在下标1,对于储存在下标n的节点,他的左子节点…...

NHANES指标推荐:TyG指数

文章题目&#xff1a;Association between the Triglyceride-glucose index and fragility fractures among US adults: insights from NHANES DOI&#xff1a;10.1186/s13098-025-01669-w 中文标题&#xff1a;美国成年人甘油三酯-葡萄糖指数与脆性骨折之间的关联&#xff1a;…...

文件操作--文件下载读取漏洞

本文主要内容 文件下载 产生 任意语言代码下载功能函数 检测 白盒 代码审计 黑盒 漏扫工具、公开漏洞、手工看参数值及功能点&#xff08;资源下载&#xff09; 利用 常见文件 后台首页日志等可见文件 敏感文件 数据库配置文件、各种接口文件、密匙…...

4.0/Q2,Charls最新文章解读

文章题目&#xff1a;The nonlinear association of ratio of total cholesterol to high density lipoprotein with cognition ability: evidence from a community cohort in China DOI&#xff1a;10.3389/fnut.2025.1525348 中文标题&#xff1a;总胆固醇与高密度脂蛋白比值…...

Linux-常用监控工具

以下是对 Linux 系统中常用监控工具&#xff08;netstat、ss、dmesg&#xff09;的系统性介绍&#xff0c;涵盖其核心功能、典型用法及实际应用场景&#xff0c;帮助您分析系统状态和内核参数调整后的效果&#xff1a; 1. netstat -s&#xff1a;网络协议栈统计监控 功能 net…...

【HarmonyOS Next】地图使用详解(三)标点定位问题

背景 在使用geoLocationManager的getCurrentLocation方法获得的用户定位经纬度的坐标系为 WGS84 &#xff0c;但是mapkit使用的是GCJ02坐标系。因此&#xff0c;我们在使用获取用户经纬度然后直接生成标记时&#xff0c;会出现坐标偏移问题。如下&#xff1a; 解决方案 使用…...

Linux运维中常用的磁盘监控方式

在Linux运维中&#xff0c;磁盘监控是一项关键任务&#xff0c;因为它能帮助我们预防磁盘空间不足或性能问题导致的服务中断或数据丢失。让我们来看看有哪些常用的磁盘监控方法吧&#xff01; 1. 查看磁盘使用情况&#xff08;df命令&#xff09; df命令用于显示文件系统的…...

前端面经-VUE3篇--vue3基础知识(二)计算属性(computed)、监听属性(Watch)

一、计算属性(computed) 计算属性&#xff08;Computed Properties&#xff09;是 Vue 中一种特殊的响应式数据&#xff0c;它能基于已有的响应式数据动态计算出新的数据。 计算属性有以下特性&#xff1a; 自动缓存&#xff1a;只有当它依赖的响应式数据发生变化时&#xff…...