环境准备
Node.js 安装
React 开发需要 Node.js 环境，建议安装 LTS 版本。
大约 2 分钟
项目实战经验
自定义 Hook 封装
// useLocalStorage.js
import { useState, useEffect } from 'react';
function useLocalStorage(key, initialValue) {
const [storedValue, setStoredValue] = useState(() => {
try {
const item = window.localStorage.getItem(key);
return item ? JSON.parse(item) : initialValue;
} catch (error) {
console.error(error);
return initialValue;
}
});
const setValue = (value) => {
try {
const valueToStore = value instanceof Function ? value(storedValue) : value;
setStoredValue(valueToStore);
window.localStorage.setItem(key, JSON.stringify(valueToStore));
} catch (error) {
console.error(error);
}
};
return [storedValue, setValue];
}
// 使用
function App() {
const [theme, setTheme] = useLocalStorage('theme', 'light');
return <button onClick={() => setTheme('dark')}>Switch Theme</button>;
}大约 3 分钟
核心概念
JSX 语法
JSX 是 JavaScript 的语法扩展，允许在 JS 中编写类似 HTML 的结构。
大约 3 分钟
文档概述
本文档详细记录了在Kubernetes环境中部署Elasticsearch并配置IK中文分词器的完整过程，包括镜像构建、权限处理、配置验证等关键步骤。
大约 3 分钟
📦 技术选型
| 组件 | 版本 | 说明 |
|---|---|---|
| bpmn-js | ^18.1.2 | 核心渲染库 |
| camunda-bpmn-moddle | latest | Camunda 扩展支持 |
| modeler | latest | 模型编辑器 |
大约 3 分钟
🎯 场景说明
需要将自建的 JDK 21 安装包打包成 Docker 镜像，用于容器化部署。
大约 1 分钟
🐳 CentOS/RHEL 安装步骤
1. 卸载旧版本
sudo yum remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
docker-latest-logrotate \
docker-logrotate \
docker-engine大约 1 分钟
这是个人技术学习记录的博客，专注于分享：
- 后端开发: Java、Spring Boot、微服务架构
- DevOps: Docker、Kubernetes、持续集成
- 前端工程: bpmn.js、流程引擎、现代化 Web 开发
- 系统设计: 分布式系统、高可用架构
小于 1 分钟
📚 主流日志框架对比
| 框架 | 实现 | 特点 |
|---|---|---|
| SLF4J | API 层 | 统一日志门面接口 |
| Logback | 实现 | Spring Boot 默认集成 |
| Log4j2 | 实现 | 高性能，插件化架构 |
| java.util.logging | JDK 自带 | 原生支持，功能简单 |
大约 1 分钟
🎯 快速集成
Maven 依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-security</artifactId>
<version>3.2.6</version> <!-- 与项目版本一致 -->
</dependency>小于 1 分钟