Hello World, Hello Life
React 学习笔记(三): 状态管理 useContext + useReducer + useEffect

React 学习笔记(三): 状态管理 useContext + useReducer + useEffect

在 React 中,如果你想在组件树中共享状态(比如用户信息、登录状态等),就可以用「useContext + useReducer + useEffect」这组组合拳 🥊。 整体流程大致是这样的👇: 前端 dispatch → reducer 响应 action → 控制状态如何变化 这就像是一个简化版 Redux,但不需要额外的库。 🧩 一、context.tsx创建上下文(Con
2025-09-15
Web前端
#React
React 学习笔记(二): React项目框架构建

React 学习笔记(二): React项目框架构建

1️⃣ 创建项目123456789101112# 由react官方推荐的react router v7创建项目npx create-react-router@latest# 安装eslint插件npm install --save-dev eslint-config-react-app eslint@^8.0.0# 安装antd UI库npm i antd --save# 安装antd针对reac
2025-09-08
Web前端
#React
Ray 集群容器化部署

Ray 集群容器化部署

本文演示如何用 Docker 启动一个 Ray 集群(1 主 + 多工作节点),并说明关键参数与常见问题。适用于在同一二层网络或使用 host 网络的场景。 前置条件 Docker 已安装并可用(rootless/标准均可) 可访问的镜像 model-server:0812(包含 Ray 及你的服务) 所有节点时间同步、网络互通(尤其是 6379、8265、你的服务端口) 资源规划:
2025-09-08
DevOps & 云原生
#Docker #Ray #分布式计算
React 学习笔记(一): 起步的一些问题记录

React 学习笔记(一): 起步的一些问题记录

1️⃣ js 逻辑与 && 强类型语言,一定会返回true或false 弱类型语言,例如python和js,按照短路求值和真值/假值机制,返回其中一个操作数,而不是强制布尔值。 123"hi" && 123 // => 1230 && "hi" // => 0false &a
2025-09-07
Web前端
#React
全栈技术员知识图

全栈技术员知识图

前端开发 基础:HTML / CSS / JavaScript 框架与库:Vue、React、Angular、Svelte UI 框架:Element Plus、Ant Design、Tailwind CSS、Vuetify 前端工程化:Vite、Webpack、Rollup、Babel、ESLint 前端性能优化:首屏优化、懒加载、Tree-shaking、缓存机制 跨端开发
2025-09-07
#学习路线
MinIO数据迁移rclone实践

MinIO数据迁移rclone实践

笔者之前采用MinIO官方工具mc进行数据迁移,可能是由于网络波动,经常会出现同步的数据不全、数据部分缺失的情况 1️⃣ 关于 rclone 的可靠性rclone 本身是一个成熟的开源工具,支持多种存储后端(包括 MinIO/S3 兼容)。它可以: 完整复制文件(支持校验)。 增量同步,只传新文件或修改文件。 支持 断点续传。 支持 多平台运行:Linux、Windows、Mac
2025-09-06
工具与效率
#MinIO rclone 数据迁移
MinIO 分布式部署(Kubernetes)

MinIO 分布式部署(Kubernetes)

📋 目录 部署前准备 Kubernetes 部署架构 YAML 配置文件详解 部署步骤 Docker vs Kubernetes 对比 常见问题与注意事项 参考资料 部署前准备检查存储类在开始部署之前,确保你的 Kubernetes 集群有可用的存储类: 1kubectl get storageclass ⚠️ 重要:如果没有默认的存储类,PVC 将无法绑定,导致 Pod 启动失败 系统
2025-09-05
DevOps & 云原生
#MinIO #Kubernetes #分布式存储
MinIO 分布式部署(Docker)

MinIO 分布式部署(Docker)

MinIO集群构建 + Docker容器化部署 + Nginx负载均衡 ⚠️ 注意:MinIO 官方推荐 Kubernetes 云原生部署方式,不提供也不支持采用各种容器化部署集群的途径。 📋 目录 为什么选择分布式部署? 部署前准备 MinIO 分布式容器化部署 Nginx 负载均衡配置 参考资料 为什么选择分布式部署?MinIO 单体应用并不能发挥 MinIO 自带分布式存储的优势:
2025-09-05
DevOps & 云原生
#Docker #MinIO #分布式存储 #Nginx
Vue Composables - 组合式函数的应用

Vue Composables - 组合式函数的应用

Vue3 带来最大的革新莫过于选项式API (Composition API), 其中一大特性就是组合式函数。在 Vue 生态中,composables 一般翻译成 “组合式函数” 或 “可组合函数”, 意思是把一段逻辑(通常是响应式状态、计算属性、侦听器等)封装成一个独立的函数,这个函数可以在多个组件中复用, 也可以用于解耦臃肿的业务逻辑。 作用:逻辑复用、代码组织更清晰,不依赖组件上下文 一个
2025-08-09
Web前端
#Vue #组合式函数 #选项式API

Hello World

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick
2025-08-03
1234

搜索

To Freedom, With Ink.