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

React低代码项目：Redux 状态管理

news 来源：原创 2025/9/10 17:16:42

吐司问卷：Redux 状态管理

Date: February 18, 2025 5:37 PM (GMT+8)

Redux 管理用户信息

命名规范：

以 Info 结尾表示获取Reudx信息，比如 useGetUserInfo.ts

以 data 结尾表示获取服务端信息，比如 useLoadQuestionData

采用 Redux 管理用户信息

Redux store 设计：

src/store/index.ts

import { configureStore } from '@reduxjs/toolkit'
import userReducer, { UserStateType } from './userReducer'export type StateType = {user: UserStateType
}export default configureStore({reducer: {user: userReducer,},
})

userReducer 开发：

src/store/userReducer.ts

import { createSlice, PayloadAction } from '@reduxjs/toolkit'export type UserStateType = {username: stringnickname: string
}const INIT_STATE: UserStateType = {username: '',nickname: '',
}export const userSlice = createSlice({name: 'user',initialState: INIT_STATE,reducers: {loginReducer: (state: UserStateType,action: PayloadAction<UserStateType>) => {return action.payload},logoutReducer: () => {return INIT_STATE},},
})export const { loginReducer, logoutReducer } = userSlice.actions
export default userSlice.reducer

src/index.ts

 import React from 'react'import ReactDOM from 'react-dom/client'
+import { Provider } from 'react-redux'
+import store from './store'import App from './App'const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)root.render(<React.StrictMode>
-    <App />
+    <Provider store={store}>
+      <App />
+    </Provider></React.StrictMode>)

点击Logo跳转优化

**需求：**原本点击 Logo 会跳转到 home 页。现在需要根据是否有用户信息，进行区分判断。

如果有用户信息，点击 Logo 则跳转到管理页面。没有则到 home 页面。

src/component/Logo.tsx

-import React, { FC } from 'react'
+import React, { FC, useState, useEffect } from 'react'import { Space, Typography } from 'antd'import { BlockOutlined } from '@ant-design/icons'import { Link } from 'react-router-dom'
+import useGetUserInfo from '../hooks/useGetUserInfo'
+import { HOME_PATHNAME, MANAGE_INDEX_PATHNAME } from '../router/index'import styles from './Logo.module.scss'const { Title } = Typographyconst Logo: FC = () => {
+  const { username } = useGetUserInfo()
+  const [pathname, setPathname] = useState<string>(HOME_PATHNAME)
+  useEffect(() => {
+    if (username) {
+      setPathname(MANAGE_INDEX_PATHNAME)
+    }
+  }, [username])return (<div className={styles.container}>
-      <Link to="/">
+      <Link to={pathname}><Space><Title><BlockOutlined />

自定义 Hook 统一加载用户信息

思路：

开发获取 Redux 中用户信息
开发获取服务端用户信息，并与 Redux 联动
设计页面加载状态（根据用户信息获取与否进行判断）
- 有用户信息，则停止加载。没有则进行加载。

useGetUserInfo.tsx

import { useSelector } from 'react-redux'
import { StateType } from '../store'
import { UserStateType } from '../store/userReducer'function useGetUserInfo() {const { username, nickname } = useSelector<StateType>((state: StateType) => state.user) as UserStateTypereturn { username, nickname }
}export default useGetUserInfo

useLoadUserData.ts

import { useEffect, useState } from 'react'
import { useRequest } from 'ahooks'
import { getUserInfoService } from '../services/user'
import { useDispatch } from 'react-redux'
import useGetUserInfo from './useGetUserInfo'
import { loginReducer } from '../store/userReducer'function useLoadUserData() {const [waitingUserData, setWaitingUserData] = useState<boolean>(false)const dispatch = useDispatch()// 加载用户信息const { run } = useRequest(getUserInfoService, {manual: true,onSuccess: res => {const { username, nickname } = res// 存储到 Redux 中dispatch(loginReducer({ username, nickname }))},onFinally() {setWaitingUserData(false)},})// Redux 中数据const { username } = useGetUserInfo()useEffect(() => {if (username) {setWaitingUserData(false)}run()}, [username])return { waitingUserData }
}export default useLoadUserData

用户退出功能优化

**思路：**用户退出不仅需要清空 Redux 信息，还要清空本地 token 信息

src/component/userInfo.tsx

 import { LOGIN_PATHNAME } from '../router'import { Button, message } from 'antd'import { UserOutlined } from '@ant-design/icons'
-import { getUserInfoService } from '../services/user'import { removeToken } from '../utils/user-token'
-import { useRequest } from 'ahooks'
+import useGetUserInfo from '../hooks/useGetUserInfo'
+import { useDispatch } from 'react-redux'
+import { logoutReducer } from '../store/userReducer'const UserInfo: FC = () => {const nav = useNavigate()
-  const { data } = useRequest(getUserInfoService)
-  const { username, nickname } = data || {}
+  const { username, nickname } = useGetUserInfo()
+  const dispatch = useDispatch()const logout = () => {
-    removeToken()
+    dispatch(logoutReducer()) // 清空 redux user 中的数据
+    removeToken() // 清空 token 的存储message.success('退出成功')nav(LOGIN_PATHNAME)}

根据用户登录状态动态跳转页面

需求：

当用户已经登陆，在问卷管理页面时，URL中输 /login，会自动返回问卷管理页面，而非再登陆

实现思路：

设计 useNavPage 钩子函数：获取用户状态与URL，根据用户状态判断是否页面跳转走向。

useNavPage.ts

import { useEffect } from 'react'
import { useNavigate, useLocation } from 'react-router-dom'
import {isLoginOrRegister,isNoNeedUserInfo,MANAGE_INDEX_PATHNAME,LOGIN_PATHNAME,
} from '../router'
import useGetUserInfo from './useGetUserInfo'function useNavPage(waitingUserData: boolean) {const { username } = useGetUserInfo()const { pathname } = useLocation()const nav = useNavigate()useEffect(() => {if (waitingUserData) returnif (username) {if (isLoginOrRegister(pathname)) {nav(MANAGE_INDEX_PATHNAME)}return}if (isNoNeedUserInfo(pathname)) {return} else {nav(LOGIN_PATHNAME)}}, [waitingUserData, username, pathname])
}export default useNavPage

src/router/index.ts


export function isLoginOrRegister(pathname: string) {return [LOGIN_PATHNAME, REGISTER_PATHNAME].includes(pathname)
}export function isNoNeedUserInfo(pathname: string) {return [HOME_PATHNAME, LOGIN_PATHNAME, REGISTER_PATHNAME].includes(pathname)
}

Bugfix

Q：请求不断发送

项目中有一处请求会不断发送，在 Chrome Network 中可以看出。

useLoadUserData.ts

useEffect(() => {if (username) {setWaitingUserData(false)}run() // 这里可能造成循环调用
}, [username])

问题原因：

当Redux中的username为空时，run()会执行获取用户信息
获取成功后通过dispatch(loginReducer)更新username
username更新触发useEffect再次执行
形成「获取数据 → 更新username → 触发请求」的循环

解决方案：

修改useLoadUserData.ts中的useEffect：

useEffect(() => {// 当已有用户信息时不再请求if (username) {setWaitingUserData(false)return}run()
}, [username]) // 保持原有依赖

Q：页面刷新自动弹回登陆界面

问题原因分析：

在useLoadUserData hook中，用户信息加载完成后才会设置waitingUserData为false
useNavPage hook中会在用户信息未加载完成时判断路由权限
页面刷新时会清空Redux状态，导致需要重新加载用户信息
用户信息加载是异步操作，在加载完成前路由守卫已执行跳转判断

解决方案：修改useLoadUserData.ts文件，在组件挂载时立即触发用户信息加载：

useLoadUserData.ts

function useLoadUserData() {const [waitingUserData, setWaitingUserData] = useState<boolean>(true) // 初始值改为 trueconst dispatch = useDispatch()// 加载用户信息const { run } = useRequest(getUserInfoService, {manual: true,onSuccess: res => {const { username, nickname } = resdispatch(loginReducer({ username, nickname }))},onFinally() {setWaitingUserData(false)},})// 添加 useEffect 立即执行数据加载useEffect(() => {run()}, [])// Redux 中数据const { username } = useGetUserInfo()useEffect(() => {if (username) {setWaitingUserData(false)}}, [username])return { waitingUserData }
}

修改说明：

将waitingUserData初始值设为true，确保加载状态初始正确
添加立即执行的useEffect触发用户信息加载
保留原有的username依赖检查作为双重保障

同时需要确保在utils/user-token.ts中正确实现了token的持久化存储（根据代码片段推断应已实现）。

这个修改可以保证：

页面刷新时立即触发用户信息加载
在用户信息加载完成前保持等待状态
路由守卫(useNavPage)会等待用户信息加载完成后再进行跳转判断
避免在异步加载过程中误判未登录状态

React低代码项目：Redux 状态管理

吐司问卷：Redux 状态管理 Date: February 18, 2025 5:37 PM (GMT8) Redux 管理用户信息命名规范： 以 Info 结尾表示获取Reudx信息，比如 useGetUserInfo.ts 以 data 结尾表示获取服务端信息，比如 useLoadQuestionData 采用 Re…...

编程日记 2025/9/10 17:16:42

Vue核心知识：动态路由实现完整方案

在Vue中实现动态路由，并结合后端接口和数据库表设计，是一个复杂的项目，需要多个技术栈和步骤的配合。以下将详细描述整个实现过程，包括数据库设计、后端接口设计、前端路由配置以及如何实现动态路由的功能。目录一、需求分析二…...

编程日记 2025/9/3 17:16:46

Linux安装jdk，node，mysql，redis

准备工作： 1.安装VMware软件，下载CentOs7镜像文件，在VMware安装CentOs7 2.宿主机安装Xshell用来操作linux 3. .宿主机安装Xftp用来在宿主机和虚拟机的linux传输文件案例1：在 /home/soft文件夹解压缩jdk17，并配置环…...

编程日记 2025/9/9 13:02:22

数据库原理与使用基础教程

数据库原理与使用基础教程大纲数据库基础概述什么是数据库？数据库管理系统（DBMS）概述数据库的类型数据库模型与结构关系型数据库关系型数据库简介表（Table）、字段（Field）、记录&#xff…...

编程日记 2025/9/9 4:23:52

GCC 与 Clang：两大编译器的全面对比与深度解析！

GCC 与 Clang：两大编译器的全面对比与深度解析！🔥 你是否曾为选择编译器而纠结？GCC 和 Clang 作为 C/C 开发中最主流的编译器，它们各自有什么优势和特点？为什么有人说 Clang 更现代，而 GCC 更强…...

编程日记 2025/9/6 12:05:32

创建StreeView的多列样式怎么就像是创建单行单列差不多？貌似就是在单行单列中加入了多列widget? 示例代码 DetailTabWidget #pragma once #include "TreeViewItemBase.h"class SDetailTabWidget : public SCompoundWidget {SLATE_BEGIN_ARGS(SDetailTabWidget){…...

编程日记 2025/9/4 15:35:45

GPT-4.5来了

https://chat.xutongbao.top/...

编程日记 2025/8/29 11:31:29

java后端开发day25--阶段项目（二）

（以下内容全部来自上述课程） 1.美化界面 private void initImage() {//路径分两种：//1.绝对路径：从盘符开始写的路径 D:\\aaa\\bbb\\ccc.jpg//2.相对路径：从当前项目开始写的路径 aaa\\bbb\\ccc.jpg//添加图片的时…...

编程日记 2025/9/6 4:29:36

【小羊肖恩】小羊杯 Round 2 C+K

题目链接：https://ac.nowcoder.com/acm/contest/100672#question C.是毛毛虫吗？ 思路： 其实很简单，假设我们要满足题目所给条件，那么这个毛毛虫最坏情况下肯定是一条如下图所示的无向图右端省略号为对称图形 &…...

编程日记 2025/9/10 4:19:14

计算机网络——详解TCP三握四挥

文章目录前言一、三次握手1.1 三次握手流程1.2 tcp为什么需要三次握手建立连接？ 二、四次挥手2.1 四次挥手流程2.2 为什么是四次，不是三次？2.3 为什么要等待2msl？2.4 TCP的保活计时器前言 TCP和UDP是计算机网络结构中运输层的两…...

编程日记 2025/9/9 12:15:11

PHP实现国密SM4算法,银行系统加密算法，JAVA和PHP可相互转换（附完整源码）

最终实现效果：PHP生成加密串，JAVA代码中完成匹配 JAVA SM4库实现效果 /*** 签名** param content 请求报文体* param secret 密钥* return*/public static String sign(String content, String secret) {String charSet "UTF-8";String c…...

编程日记 2025/9/9 6:35:49

DILLEMA：扩散模型+大语言模型，多模态数据增强框架

引言：深度学习模型的鲁棒性测试需要全面且多样化的测试数据。现有的方法通常基于简单的数据增强技术或生成对抗网络，但这些方法在生成真实且多样化的测试数据集方面存在局限性。为了克服这些限制，DILLEMA框架应运而生，旨在通过结合…...

编程日记 2025/8/16 10:41:37

京东web 详情 cfe滑块分析

声明: 本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！ 逆向分析 data response.json() pri…...

编程日记 2025/9/9 5:07:30

【Redis学习】Redis Docker安装，自定义config文件（包括RDB\AOF setup）以及与Spring Boot项目集成

【本文内容】第1章：通过Docker安装Redis，并自定义config文件以及mount data目录。第2章：介绍Redis持久化到磁盘，有4种方式：RDB / AOF / NONE / RDB AOF。第3章：使用Server自带的redis-cli工具连接。第4章…...

编程日记 2025/9/9 13:54:33

Python 面向对象编程-继承与多态

目录继承与多态静态语言 vs 动态语言小结继承与多态在OOP程序设计中，当我们定义一个class的时候，可以从某个现有的class继承，新的class称为子类（Subclass），而被继承的class称为基类、父类或超类&a…...

编程日记 2025/9/6 16:53:03

AcWing 蓝桥杯集训·每日一题2025·5439. 农夫约翰真的种地

5439. 农夫约翰真的种地题目描述农夫约翰在他的农场种植了 N N N 个芦笋，编号 ( 1 ∼ N ) (1 \sim N) (1∼N)。其中，第 i i i 个芦笋的初始高度为 h i h_i hi，每经过一天高度会增长 a i a_i ai。给定一个 ( 0 ∼ N − 1 ) (0…...

编程日记 2025/9/6 13:27:26

如何将 Excel 数据转换为 SQL 脚本：从入门到实战

全文目录： 开篇语? 前言?? 目录?? 什么是 SQL 脚本？?? 为什么要将 Excel 转换为 SQL 脚本？??? 如何将 Excel 转换为 SQL 脚本 ?? 方法一：使用在线转换工具?? 方法二：通过 Excel VBA 编写脚本?? 方法三…...

编程日记 2025/9/6 16:30:55

0x05 部门功能开发日志技术

准备工作开发规范采用restful风格：representational state transfer，表述性状态转换，是一种软件架构风格 REST是风格，是约定方式，约定不是规定，可以打破描述功能模块通常使用复数形式加s（如…...

编程日记 2025/9/10 0:59:16

塔能物联运维：城市照明极端天气下的“定海神针”

在当今城市快速发展的进程中，城市照明系统的稳定性和可靠性在极端天气条件下愈发受到关注。而塔能物联运维平台的出现，为城市照明在各种复杂环境下的稳定运行提供了强有力的保障，让城市照明在极端天气下也能“稳如泰山”。城市照明对于保障市…...

编程日记 2025/9/9 4:54:51

Transformer 代码剖析7 - 词元嵌入(TokenEmbedding) （pytorch实现）

一、类定义与继承关系剖析 1.1 代码结构图示 #mermaid-svg-9COHbtmHJhpiroHM {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-9COHbtmHJhpiroHM .error-icon{fill:#552222;}#mermaid-svg-9COHbtmHJhpiroHM .error-t…...

编程日记 2025/9/9 15:08:41

6.6.5 SQL访问控制

文章目录 GRANT授予权限REVOKE回收权限 GRANT授予权限 GRANT语句可以给用户授予权限，基本格式是GRANT 权限 TO 用户。在授权时，WITH GRANT OPTION是可选项，有此句话，被授予权限的用户还能把权限赋给其他用户。 REVOKE回收权限 RE…...

编程日记 2025/9/7 16:04:27

IDEA 使用codeGPT+deepseek

一、环境准备 1、IDEA 版本要求安装之前确保 IDEA 处于 2023.x 及以上的较新版本。 2、Python 环境安装 Python 3.8 或更高版本为了确保 DeepSeek 助手能够顺利运行，您需要在操作系统中预先配置 Python 环境。具体来说，您需要安装 Python 3.8 或更高…...

编程日记 2025/9/9 21:09:51

React + TypeScript 实现 SQL 脚本生成全栈实践

React TypeScript 实现数据模型驱动 SQL 脚本生成全栈实践引言：数据模型与 SQL 的桥梁革命在现代化全栈开发中，数据模型与数据库的精准映射已成为提升开发效率的关键。传统手动编写 SQL 脚本的方式存在模式漂移风险高（Schema Drift&#…...

编程日记 2025/9/10 3:59:43

用DeepSeek生成批量删除处理 PDF第一页工具

安装依赖库在运行程序之前，请确保安装所需的库： pip install pymupdf python-docx Python 程序代码 import os import fitz # PyMuPDF from docx import Documentdef delete_pdf_first_page(input_path, output_path):"""删除 PDF…...

编程日记 2025/9/3 18:00:09

三个小时学完vue3（一）

Vue3 之前就学过一些，不过用的比较少，基本忘完了/(ㄒoㄒ)/~~ 跟着B站视频迅速回忆一下创建一个Vue 3 应用 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport&…...

编程日记 2025/9/7 10:43:53

netty如何处理粘包半包

文章目录 NIO中存在问题粘包半包滑动窗口MSS 限制Nagle 算法解决方案 NIO中存在问题粘包现象，发送 abc def，接收 abcdef原因应用层：接收方 ByteBuf 设置太大（Netty 默认 1024）滑动窗口：假设发送方 25…...

编程日记 2025/9/8 13:28:03

最好Wordpree+Apache+PHP安装教程

前提需要 PHP的安装最少需要7.4以上Mysql的安装，直接默认最新版就行APache服务器（HTTP服务器，只有用这个你的软件才能在服务器上运行） 安装apache 安装 sudo apt install apache2查看防火墙 sudo ufw app list如果有 Apache那…...

编程日记 2025/9/10 7:29:22

0x02 js、Vue、Ajax

文章目录 js核心概念js脚本引入html的方式基础语法事件监听 Vuevue简介v-forv-bindv-if&v-showv-model&v-on Ajax js 核心概念 JavaScript：是一门跨平台、面向对象的脚本语言，用来控制网页行为实现交互效果，由ECMAScript、BOM、DOM…...

编程日记 2025/9/9 7:59:34

如何使用Docker搭建哪吒监控面板程序

哪吒监控（Nezha Monitoring）是一款自托管、轻量级的服务器和网站监控及运维工具，旨在为用户提供实时性能监控、故障告警及自动化运维能力。文档地址：https://nezha.wiki/ 本章教程，使用Docker方式安装哪吒监控面板，在此之前，你需要提前安装好Docker. 我当前使用的操作系…...

编程日记 2025/8/18 3:06:51

智能图像处理平台：图片管理

接着我们讲图片管理，先实现图片基础的增删改查，再去考虑图像处理。主要是，我们需要完成查询时，查询的图片的上传者的角色等级小于等于我们当前登陆账号。后端controller： package com.llpp.controller;import cn.…...

编程日记 2025/9/6 17:14:25

如何使用Docker一键本地化部署LibrePhotos搭建私有云相册

文章目录前言1.关于LibrePhotos2.本地部署LibrePhotos3.LibrePhotos简单使用4. 安装内网穿透5.配置LibrePhotos公网地址6. 配置固定公网地址前言你是不是也经常对着手机里那一堆珍贵的照片发愁，心里想着：‘这要是被谁偷偷看了可咋办？’别…...

编程日记 2025/9/8 1:12:38

删除idea recent projects 记录

1、退出idea（一定要全部退出idea，要不然删除后，idea一退出，又保存上了） 2、进入 C:\Users\Administrator\AppData\Roaming\JetBrains\IntelliJIdea2024.1\options 目录根据不同的版本号 IntelliJIdea2024.1 这个地方…...

编程日记 2025/9/8 8:54:52

基因组突变数据分析-ClinVar数据库

探序基因肿瘤研究院数据库简介：ClinVar是一个免费访问的公共数据库，记录了人类变异和表型之间的关系，并提供了支持性证据（supporting evidence）。ClinVar提供的变异临床意义（clinical significance&#…...

编程日记 2025/9/6 4:21:32

windows 下使用Python OpenCV针对压缩的tiff 图像进行解压缩并转换成多张jpeg 图像

文章大纲 Tif/Tiff 图像简介tif 后缀的文件中为什么可以嵌入多张图片Tif 图像与 jpg 图像转换的要点参考使用的 GitHub 仓库链接tifffile 库的功能与其他库的区别代码实现基于 tifffile参考文献Tif/Tiff 图像简介 TIFF（Tagged Image File Format）是一种灵活且可适应的文件…...

编程日记 2025/9/5 0:11:18

小皮网站搭建

前提：小皮的安装下载 1、在www目录下创建一个新的文件夹，用来存放网站源码； 2、安装数据库管理工具phpMyadmin 3、新建数据表添加字段 4、创建网站 5、前端的登录代码注册后端php 网页展示登录成功跳转welcome.php...

编程日记 2025/9/7 19:09:37

Java8面试

Java 8 有哪些新特性? 🐎Java 8五大神装特性🐎 Lambda表达式（魔法调料） 曼波觉得像速食魔法咒语！(๑✧◡✧๑) // 传统写法（像冗长菜谱） new Thread(new Runnable() {public void run() {Syst…...

编程日记 2025/9/4 11:33:14

一个基于C# Winform开源免费的通用快速开发框架，内置完整的权限架构！

前言今天大姚给大家分享一个基于C# Winform开源免费（GPL-2.0开源协议）的通用快速开发框架，内置完整的权限架构：WinformDevFramework。项目介绍 WinformDevFramework是一个基于C# Winform开源免费（GPL-2.0开源协议…...

编程日记 2025/9/10 1:09:52

2025年度福建省职业院校技能大赛高职组“信息安全管理与评估”赛项规程样题模块二

模块二网络安全事件响应、数字取证调查、应用程序安全竞赛项目赛题本文件为信息安全管理与评估项目竞赛-第二阶段样题，内容包括：网络安全事件响应、数字取证调查。本次比赛时间为90分钟。介绍竞赛有固定的开始和结束时间，参赛队伍必须…...

编程日记 2025/9/6 18:12:51

【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》005-TypeScript 中的枚举

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主&…...

编程日记 2025/9/9 1:12:03

使用create_sql_query_chain工具根据自然语言问题生成SQL查询，踩坑版

1. 开启调试模式 from langchain import debugdebug True # 启用调试模式说明： 这里从 langchain 库中导入了一个名为 debug 的变量（或模块），然后将它设置为 True。这通常用来启用调试模式，方便开发者在程序运行时看…...

编程日记 2025/9/10 8:02:10

DeepSeek本地部署+自主开发对话Web应用

文章目录引言前端部分核心页面DeepSeek.vueMyModal.vue 后端部分WebSocketConfig 配置类AbstractDeepSeekToolDeepSeekWebSocketHandler 数据库设计总结引言最近DeepSeep横空出世，在全球内掀起一股热潮，到处都是满血大模型接入的应用，但这…...

编程日记 2025/9/10 15:17:18

【Springboot】解决问题 o.s.web.servlet.PageNotFound : No mapping for *

使用 cursor 进行老项目更新为 springboot 的 web 项目，发生了奇怪的问题，就是 html 文件访问正常，但是静态文件就是 404 检查了各种配置，各种比较，各种调试，最后放弃时候，清理没用的配置文件&…...

编程日记 2025/9/10 8:51:29

微信小程序点击按钮，将图片下载到本地

前言： 最近在公司完成一个小程序的时候需要实现一个功能：点击按钮获取用户相册权限，将图片下载到用户本地相册，经过了好几次的尝试最终算是实现了。将总结的经验在这里分享给小伙伴们。实现方式： //.wxml文件 <…...

编程日记 2025/9/10 10:56:27

解锁网络防御新思维：D3FEND 五大策略如何对抗 ATTCK

D3FEND 简介背景介绍 2021年6月22日（美国时间），美国MITRE公司正式发布了D3FEND——一个网络安全对策知识图谱。该项目由美国国家安全局（NSA）资助，并由MITRE的国家安全工程中心（NSEC&#xff…...

编程日记 2025/9/9 2:18:26

架构案例：从初创互联网公司到分布式存储与反应式编程框架的架构设计

文章目录引言一、初创互联网公司架构演化案例1. 万级日订单级别架构2. 十万级日订单级别架构3. 百万级日订单级别架构二、分布式存储系统 Doris 架构案例三、反应式编程框架架构案例总结引言分布式架构今天我们将探讨三种不同类型的架构案例，分别探讨一个初…...

编程日记 2025/9/5 10:57:04

Redis数据结构-List列表

1.List列表列表类型适用于存储多个有序的字符串（这里的有序指的是强调数据排列顺序的重要，不是升序降序的意思），列表中的每个字符串称为元素（element），一个列表最多可以存储2^32-1个元素。在R…...

编程日记 2025/9/6 0:16:24

开启AI短剧新纪元!SkyReels-V1/A1双剑合璧!昆仑万维开源首个面向AI短剧的视频生成模型

论文链接：https://arxiv.org/abs/2502.10841 项目链接：https://skyworkai.github.io/skyreels-a1.github.io/ Demo链接：https://www.skyreels.ai/ 开源地址：https://github.com/SkyworkAI/SkyReels-A1 https://github.com/Skywork…...

编程日记 2025/9/5 21:01:49

mac安装环境

minconda https://docs.anaconda.net.cn/miniconda/install/ 注意在下载下来应该有100多兆，太大了应该是完整版，我们不需要 jdk 镜像网站下载设置环境变量： 终端：sudo vim ~/.zshrc # JDK Config JAVA_HOME/Library/Java/Java…...

编程日记 2025/9/5 15:28:16

js加密之延伸requestAnimationFrame

简言上篇文章有提到requestAnimationFrame,只是随笔带过。这篇文章就着重研究一下requestAnimationFrame的运用，以及实际作用。还有关于在js加密技术中的落地实现可行性。功能说明小声说一下,做开发的同学一定要学会翻官方文档,我这里直接引用一段官方介绍。 …...

编程日记 2025/9/10 1:41:06

SpringBoot @Value 注解使用

Value 注解用于将配置文件中的属性值注入到Spring管理的Bean中。 1. 基本用法 Value 可以直接注入配置文件中的属性值。配置文件 (application.properties 或 application.yml) 配置文件定义需要注入的数据。 consumer:username: lisiage: 23hobby: sing,read,sleepsubje…...

编程日记 2025/9/6 13:31:56

吐司问卷：Redux 状态管理

Redux 管理用户信息

采用 Redux 管理用户信息

点击Logo跳转优化

自定义 Hook 统一加载用户信息

用户退出功能优化

根据用户登录状态动态跳转页面

Bugfix

Q：请求不断发送

Q：页面刷新自动弹回登陆界面

相关文章：