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

antd mobile 点击 TabBar 切换页面

news 来源：原创 2025/6/26 16:21:06

switchRoute 函数，navigate 点击的 path

import { Button, TabBar } from "antd-mobile";
import { useEffect } from "react";
import { Outlet, useNavigate } from "react-router-dom";
import { useDispatch } from "react-redux";
import { getBillList } from "@/store/modules/billStore";
import "./index.scss";
import {BillOutline,CalculatorOutline,AddCircleOutline,
} from "antd-mobile-icons";const tabs = [{key: "/", //直接与路由匹配title: "月度收支",icon: <BillOutline />,},{key: "/new",title: "记账",icon: <CalculatorOutline />,},{key: "/year",title: "年度账单",icon: <AddCircleOutline />,},
];const Layout = () => {const dispatch = useDispatch();useEffect(() => {dispatch(getBillList());}, [dispatch]);// 切换菜单，跳转路由const navigate = useNavigate();const switchRoute = (path) => {console.log(path);navigate(path);};return (<div className="layout"><div className="container"><Outlet /></div><div className="footer"><TabBar onChange={switchRoute}>{tabs.map((item) => (<TabBar.Item key={item.key} icon={item.icon} title={item.title} />))}</TabBar></div></div>);
};export default Layout;

antd mobile 点击 TabBar 切换页面

switchRoute 函数，navigate 点击的 path import { Button, TabBar } from "antd-mobile"; import { useEffect } from "react"; import { Outlet, useNavigate } from "react-router-dom"; import { useDispatch } from "react…...

编程日记 2025/6/26 16:21:06

20250515让飞凌的OK3588-C的核心板在Linux R4下适配以太网RTL8211F-CG为4线百兆时的接线图

20250515让飞凌的OK3588-C的核心板在Linux R4下适配以太网RTL8211F-CG为4线百兆时的接线图 2025/5/15 20:19 缘起：以前做的网线找不到了，那就再来一条吧。引脚定义要从头来过？还好找到了一条。开干！ 万用表一对/点，几…...

编程日记 2025/6/26 15:52:57

大语言模型 07 - 从0开始训练GPT 0.25B参数量 - MiniMind 实机训练预训练监督微调

写在前面 GPT（Generative Pre-trained Transformer）是目前最广泛应用的大语言模型架构之一，其强大的自然语言理解与生成能力背后，是一个庞大而精细的训练流程。本文将从宏观到微观，系统讲解GPT的训练过程，…...

编程日记 2025/6/26 16:13:41

【学习心得】WSL2安装Ubuntu22.04

为了使用Docker desktop，所以我的win10需要安装一下wsl并且下载一个Ubuntu。默认Windows10/11是自带wsl的，你在进行下面操作的时候可以升级一下wsl --update 1、管理员身份打开cmd，输入命令查询所有可以下载的Linux版本 # 查看有哪些 Linux 发…...

编程日记 2025/6/26 15:41:46

人工智能、深度学习、机器学习的联系与区别

定义人工智能（AI - Artificial Intelligence） ：是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。它旨在让计算机能够像人类一样思考、学习和决策，涉及到诸如计算机视觉、自然语言处理…...

编程日记 2025/6/25 22:58:36

基于互联网和LabVIEW的多通道数据采集系统仿真设计

标题:基于互联网和LabVIEW的多通道数据采集系统仿真设计内容:1.摘要在当今科技飞速发展的背景下，多通道数据采集在众多领域有着广泛需求。本研究的目的是设计一个基于互联网和LabVIEW的多通道数据采集系统仿真方案。采用互联网技术实现数据的远程传输与共享&…...

编程日记 2025/6/22 21:45:54

【Android】Android 实现一个依赖注入的注解

Android 实现一个依赖注入的注解 🎯 目标功能自定义注解 Inject创建一个 Injector 类，用来扫描并注入对象支持 Activity 或其他类中的字段注入 🧩 步骤一：定义注解 import java.lang.annotation.ElementType; import java.lan…...

编程日记 2025/6/25 18:03:26

【Ansible基础】Ansible 核心组件深度解析：控制节点、受管节点、Inventory与Playbook

目录 1 Ansible架构概述 2 控制节点（Control Node）详解 2.1 控制节点定义与功能 2.2 控制节点配置文件 3 受管节点（Managed Node）详解 3.1 受管节点特点 3.2 受管节点准备工作 3.3 连接方式对比 4 Invento…...

编程日记 2025/6/26 15:45:55

数据库--处理模型（Processing Model）（二）

执行查询的方法有很多，接下来将介绍以更高效和更有效率的方式执行分析工作负载（在OLAP系统中）的不同技术，包括以下内容：执行并行性（Execution Parallelism）执行引擎（Execution Engines）执行操作符输出（Execution Operator Output）中间数据表示（Intermediate Data …...

编程日记 2025/6/26 16:18:02

机器学习 day03

文章目录前言一、特征降维1.特征选择2.主成分分析（PCA） 二、KNN算法三、模型的保存与加载前言通过今天的学习，我掌握了机器学习中的特征降维的概念以及用法，KNN算法的基本原理及用法，模型的保存和加载一、特征降维…...

编程日记 2025/6/26 16:19:46

鸿蒙OSUniApp 制作简洁高效的标签云组件#三方框架 #Uniapp

UniApp 制作简洁高效的标签云组件在移动端应用中，标签云（Tag Cloud）是一种常见的UI组件，它以视觉化的方式展示关键词或分类，帮助用户快速浏览和选择感兴趣的内容。本文将详细讲解如何在UniApp框架中实现一个简洁高效的…...

编程日记 2025/6/25 19:35:34

【测试】用例篇

目录 1、如何编写测试用例： 1.1、设计测试用例时：正向思维逆向思维发散思维 2.2、万能公式 2、设计测试用例的方法 2.1、基于需求设计方法 1）等价类: 2）边界类 3）场景法 4）正交表法 5）…...

编程日记 2025/6/26 16:19:46

力扣-46.全排列

题目描述给定一个不含重复数字的数组 nums ，返回其所有可能的全排列。你可以按任意顺序返回答案。 class Solution {List<List<Integer>> res new ArrayList<>();List<Integer> path new ArrayList<>();void backtracking(i…...

编程日记 2025/6/26 15:49:36

【氮化镓】HfO2钝化优化GaN 器件性能

2025年，南洋理工大学的Pradip Dalapati等人在《Applied Surface Science》期刊发表了题为《Role of ex-situ HfO2 passivation to improve device performance and suppress X-ray-induced degradation characteristics of in-situ Si3N4/AlN/GaN MIS-HEMTs》的文章。该研究基…...

编程日记 2025/6/22 8:49:17

STL？list！！！

一、引言之前我们一起完成了STL库中的vector，本期我们将一起完成list这一容器，在本期学习中，我们会更加加深对于模板的认识，让我们更加能感受到模板的魅力！ 二、list的介绍与相关接口 list是STL库中提供的一个链表容…...

编程日记 2025/6/26 15:45:56

2025.05.14华为机考笔试题-第一题-100分

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 01. 优先级任务调度系统问题描述 LYA公司的开发团队正在设计一个智能任务调度系统。该系统需要根据任务优先级动态调整执行顺序，以提高团队工作效率。系统需要支持以下三种操作：…...

编程日记 2025/6/23 18:09:06

紫外相机工作原理及可应用范围

紫外相机是一种利用紫外线（UV）波段进行成像的设备，紫外线可用于机器视觉应用中，以检测使用可见光无法检测到的特征，工业上使用最常见的紫外波长是365nm和395nm。紫外相机通常用于高分辨率视频显微镜、电晕检测、半导体…...

编程日记 2025/5/26 0:02:25

海外短剧H5/App开源系统搭建指南：多语言+国际支付+极速部署

在全球短视频与短剧内容消费热潮下，搭建一个支持多语言、集成国际支付且能快速部署的海外短剧平台，已成为内容创作者和运营者的核心需求。本文将结合行业前沿技术与开源方案，提供一套完整的系统搭建指南，助您高效实现全球化布局 …...

编程日记 2025/6/24 20:54:53

AWS EC2 微服务金丝雀发布(Canary Release)方案

为什么需要实现金丝雀发布? 在当前项目的工程实践中, 已经有了充分的单元测试, 预发布环境测试, 但是还是会在线上环境出现非预期的情况, 导致线上事故, 因此, 为了提升服务质量, 需要线上能够有一个预验证的机制. 如何实现金丝雀发布? 使用AWS code deploy方案 AWS code…...

编程日记 2025/6/24 13:15:14

2025年5月华为H12-821新增题库带解析

IS-IS核心知识四台路由器运行IS-IS且已经建立邻接关系，区域号和路由器的等级如图中标记，下列说法中正确的有? R2和R3都会产生ATT置位的Level-1的LSPR1没有R4产生的LSP，因此R1只通过缺省路由和R4通信R2和R3都会产生ATT置位的Leve1-2的LSPR2和…...

编程日记 2025/6/25 17:02:08

从单体架构到微服务：架构演进之路

引言：当“大货车”遇上“集装箱运输” 在软件开发领域，单体架构曾像一辆载满货物的大货车，将所有功能打包在一个应用中。但随着业务复杂度飙升，这辆“大货车”逐渐陷入泥潭：启动慢如蜗牛、故障波及全局、升级如履薄冰……...

编程日记 2025/6/26 9:37:32

从 Excel 到 Data.olllo：数据分析师的提效之路

背景：Excel 的能力边界对许多数据分析师而言，Excel 是入门数据处理的第一工具。然而，随着业务数据量的增长，Excel 的一些固有限制逐渐显现： 操作容易出错，难以审计； 打开或操作百万行数据时&…...

编程日记 2025/6/25 11:40:11

Uniapp开发鸿蒙购物项目教程之样式选择器

大家好，今天依然为大家带来鸿蒙跨平台开发教程的分享，我们本系列的教程最终要做一个购物应用，通过这个项目为大家分享uniapp开发鸿蒙应用从配置开发环境到应用打包上架的完成过程。昨天的文章实现了应用首页的轮播图，其中涉及到…...

编程日记 2025/6/24 7:52:06

AI全域智能监控系统重构商业清洁管理范式——从被动响应到主动预防的监控效能革命

一、四维立体监控网络技术架构 1. 人员行为监控 - 融合人脸识别、骨骼追踪与RFID工牌技术，身份识别准确率99.97% - 支持15米超距夜间红外监控（精度0.01lux） 2. 作业过程监控 - UWB厘米级定位技术（误差＜0.3米&…...

编程日记 2025/6/22 9:21:02

协作赋能-1-制造业生产流程重构

制造业生产流程重构——从“信息孤岛”到“全链协同” 在制造业的数字化转型浪潮中，一个看似矛盾的现象正在蔓延：企业部署了ERP、MES、PLM等管理系统，却仍未摆脱“纸质工单满天飞、跨部门扯皮不断”的困境。以汽车制造业为例，其…...

编程日记 2025/6/22 9:44:54

游戏行业DDoS攻击类型及防御分析

游戏行业作为DDoS攻击的高发领域，攻击类型复杂多样，结合多个来源的信息，以下是其主要攻击类型及特征分析： 1. 传统流量型DDoS攻击 UDP洪水攻击：通过大量UDP报文淹没服务器端口，消耗带宽资源，导…...

编程日记 2025/6/25 18:49:11

嵌入式学习的第二十一天-数据结构-双向链表

一、双向链表 1.定义双向链表是在单链表的每个结点中，再设置一个指向其钱去节点的指针域。 typedef struct DulNode {ElemType date;struct DulNode *pri;//直接前驱指针sturct DulNode *next；//直接后继指针 }DulNode,*DuLinkList;2.双向链表的创建 …...

编程日记 2025/6/19 19:51:14

Python爬虫第21节- 基础图形验证码识别实战

目录前言一、学习目标二、环境准备 2.1 安装依赖 2.2 验证安装三、获取验证码图片 3.1 常见获取方式 3.2 图片格式要求四、基础识别流程 4.1 基础流程 4.2 常见问题及解决方案五、图像预处理提升识别率 5.1 灰度化 5.2 二值化 5.3 自定义阈值二值化 5.4…...

编程日记 2025/6/26 1:22:16

【React全栈进阶】从组件设计到性能优化实战指南

目录 🌟 前言🏗️ 技术背景与价值🩹 当前技术痛点🛠️ 解决方案概述👥 目标读者说明 🧠 一、技术原理剖析📊 核心概念图解💡 核心作用讲解🔧 关键技术模块说明⚖️ 技术选…...

编程日记 2025/6/21 22:42:26

基于EFISH-SCB-RK3576/SAIL-RK3576的消防机器人控制器技术方案‌

（国产化替代J1900的应急救援智能化解决方案） 一、硬件架构设计‌ ‌极端环境防护系统‌ ‌防爆耐高温设计‌： 采用陶瓷纤维复合装甲（耐温1200℃持续1小时），通过GB 26784-2023消防设备防爆认证IP68防护等级…...

编程日记 2025/6/22 12:55:03

插件双更新：LeetCode 刷题支持正式上线，JetBrains IDE 插件持续升级！

为了让更多开发者在真实开发与算法练习中体验 MoonBit 的高效表达与编译性能，MoonBit 语言现已实现对 JetBrains 开发环境与 LeetCode 答题平台的全面支持！ 无论你是习惯用 IDE 编写项目的开发者，还是希望通过 LeetCode 刷题提升算法能力的程…...

编程日记 2025/6/23 16:17:40

编译OpenSSL时报错，Can‘t locate IPC/Cmd.pm in @INC perl环境

Unix / Linux / macOS $ ./Configure $ make $ make test1、make Can‘t locate IPC/Cmd.pm in INC [ Downloads ] - /source/index.html https://www.openssl.org/source/ yum -y install perl-IPC-Cmd 2.make test Can’t locate Test/More.pm in INC perl环境 yum -…...

编程日记 2025/6/23 18:48:02

新型智慧园区技术架构深度解析：数字孪生与零碳科技的融合实践

🏭在杭州亚运村零碳园区，光伏板与氢燃料大巴构成的能源网络，正通过数字孪生技术实现智能调度。这不仅是格力电器与龙源电力在新能源领域的创新实践，更是智慧园区4.0时代的标杆案例。当AI算法开始接管能源调度，当BIM建模…...

编程日记 2025/6/25 20:38:18

2025全网首发：ComfyUI整合GPT-Image-1完全指南 - 8步实现AI图像创作革命

ComfyUI整合GPT-Image-1完全指南：8步实现AI图像创作革命【2025最新】 OpenAI最新发布的GPT-Image-1模型（也就是ChatGPT-4o背后的图像生成技术）已经通过API开放使用，而令人惊喜的是，ComfyUI已经第一时间提供了完整支持&…...

编程日记 2025/6/25 13:57:12

AWS Elastic Beanstalk控制台部署Spring极简工程

问题上次通过EB CLI工具没有成功在AWS中国云部署成功，这次通过EB web控制台来部署。步骤接着上次部署失败的Spring工程：AWS Elastic Beanstalk部署极简Spring工程（EB CLI失败版），准备好jar文件。创建ec2私钥文…...

编程日记 2025/6/22 1:52:07

力扣-236.二叉树的最近公共祖先

题目描述给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为：“对于有根树 T 的两个节点 p、q，最近公共祖先表示为一个节点 x，满足 x 是 p、q 的祖先且 x 的深度尽可能大（一个节点也可以…...

编程日记 2025/6/23 18:01:40

LeetCode 3337.字符串转换后的长度 II：矩阵快速幂(也没有想象中的那么高级啦)

【LetMeFly】3337.字符串转换后的长度 II：矩阵快速幂(也没有想象中的那么高级啦) 力扣题目链接：https://leetcode.cn/problems/total-characters-in-string-after-transformations-ii/ 给你一个由小写英文字母组成的字符串 s，一个整数 t 表…...

编程日记 2025/6/23 4:45:45

【iOS】源码阅读(四)——isa与类关联的原理

文章目录前言OC对象本质探索clang探索对象本质objc_setProperty源码探索 cls与类的关联原理为什么说bits与cls为互斥关系isa的类型isa_t原理探索isa与类的关联总结前言本篇文章主要是笔者在学习和理解类与isa的关联关系时所写的笔记。 OC对象本质探索在学习和理解类与isa…...

编程日记 2025/6/24 13:46:03

elementUI 循环出来的表单，怎么做表单校验？

数据结构如下： diversionParamList: [ { length: null, positionNumber: null, value: null, } ] 思路：可根据 index 动态绑定 :props 属性值，校验规则写在:rules <div class"config-item" v-for"(item, index) in form.…...

编程日记 2025/6/25 11:49:15

蓝桥杯11届国B 约数

题目描述定义阶乘 n!123⋅⋅⋅n。请问 100! （100 的阶乘）有多少个正约数 100! 是所有从 1 到 100 的数的乘积，因此： 质数 j 在 100! 中的总指数质数 j 在 1 中的指数质数 j 在 2 中的指数 ... 质数 j 在 100 中的指数 …...

编程日记 2025/6/25 14:59:19

【iOS】alloc的实际流程

目录前言为什么不按源码流程调用？ alloc的调用流程前言在之前的博客中我们有学习到过alloc的底层原理，沿着源码一步步找到了alloc的调用链——alloc—>_objc_rootAlloc—>callAlloc—>_objc_rootAllocWithZone—>_class_createInstan…...

编程日记 2025/6/24 18:24:29

Maven clean 提示文件 java.io.IOException

Maven clean 提示文件 java.io.IOException 问题背景问题分析&处理问题总结问题背景今天在一个功能开发结束之后，准备通过Maven实现打包操作，然后打包完成后部署到测试环境进行测试。在IDEA开发工具，点击 clean 时提示 Failed to dele…...

编程日记 2025/6/23 1:45:43

QT 使用QPdfWriter和QPainter绘制PDF文件

QT如何生产pdf文件，网上有许多文章介绍，我也是看了网上的文章，看他们的代码，自己琢磨琢磨，才有了本编博客； 其他什么就不详细说了，本篇博客介绍的QPdfWriter和QPainter绘制PDF文件；…...

编程日记 2025/6/23 22:38:22

解密企业级大模型智能体Agentic AI 关键技术：MCP、A2A、Reasoning LLMs- Manus技术解密

解密企业级大模型智能体Agentic AI 关键技术：MCP、A2A、Reasoning LLMs- Manus技术解密如果你从应用程序的角度讲，但是如果我们从模型的角度讲，我们必须让模型既具有这种思考的能力，也具有产出这种最佳的action的这种能力。而且…...

编程日记 2025/6/24 22:41:46

网络安全-等级保护(等保) 2-4 GB/T 22239-2019 《信息安全技术网络安全等级保护基础要求》-2019-05-10发布【现行】

################################################################################ 等级确定之后，需要根据不同的安全等级满足相关建设要求，《等级保护基础要求》明确了安全物理环境、安全通信网络、安全区域边界、安全计算环境、安全管理中心、安全管…...

编程日记 2025/6/23 18:13:12

Ansys Zemax | 在 MATLAB 或 Python 中使用 ZOS-API 进行光线追迹的批次处理

附件下载联系工作人员获取附件这篇文章会说明如何在 MATLAB 或 Python 中以 Zemax OpticStudio 应用程式界面 (ZOS-API)处理光线数据库(Ray Database, ZRD)档案，过程中我们将使用ZRDLoader.dll。本文提供了在 Matlab 中批次处理序列光线追迹(一般、归一化、偏振…...

编程日记 2025/6/26 12:38:21

多链互操作性标准解析：构建下一代区块链互联生态

引言在区块链技术快速演进的今天，“多链宇宙”已成为不可逆的趋势。然而，链与链之间的孤立性导致流动性割裂、开发成本高昂和用户体验碎片化。互操作性标准的制定，正是打破这一僵局的核心钥匙。本文将深入探讨主流互操作性协议的技术架构、…...

编程日记 2025/6/23 22:38:03

openEuler24.03 LTS下安装MySQL8.0.42

目录前提步骤删除原有mysql及maridb数据库安装MySQL 启动MySQL 启动查看MySQL状态设置MySQL开机自启动查看登录密码登录MySQL 修改密码及支持远程连接远程连接MySQL 前提步骤拥有openEuler24.03 LTS环境，可参考：Vmware下安装openEule…...

编程日记 2025/6/25 15:14:16

React 轻量级富文本编辑器推荐（中文版）

以下是几款适合集成到 React 项目中的轻量级富文本编辑器，特别针对中文用户优化推荐： 超轻量级选择（小于100KB） 1. react-simplemde-editor（Markdown编辑器） 特点：专为 Markdown 设计&#xf…...

编程日记 2025/6/25 18:49:10

React 第四十一节Router 中 useActionData 使用方法案例以及注意事项

一、useActionData前言 useActionData 是 React Router 提供的一个钩子函数，用于获取在路由的 action 函数中返回的数据。它通常与表单提交（通过 <Form> 组件）配合使用，用于处理表单提交后的服务器响应数据（如错…...

编程日记 2025/6/22 16:45:11

相关文章：