Posts on hhhero的个人博客 - 小精灵

tsconfig 调优与工程配置

Wed, 24 Jun 2026 13:00:00 +0800

strict 全家桶、target/module/moduleResolution、路径别名、增量编译、project references,实战一个老项目的 tsconfig 渐进式迁移。

Monorepo 与类型共享

Wed, 24 Jun 2026 12:00:00 +0800

pnpm workspace + tsc -b、tsc project references、bundle/dts 产物、版本发布,实战搭建内部 SDK 的类型发布流程。

TS 5.x 新特性深度解读

Wed, 24 Jun 2026 11:30:00 +0800

const type parameter、satisfies 操作符、using 资源管理、decorator 标准化、verbatimModuleSyntax 等 TS 5.x 核心新特性,以及迁移注意事项。

类型编程在业务中的实战

Wed, 24 Jun 2026 11:00:00 +0800

表单/接口请求/状态机的类型化、DTO 推导,实战把公司一个 200 个表单的传统项目全面类型化。

声明文件与 .d.ts

Wed, 24 Jun 2026 10:00:00 +0800

自己写 .d.ts、DefinitelyTyped、三斜线指令、模块声明合并,实战为一个无类型 jQuery 插件补类型。

模板字面量类型

Wed, 24 Jun 2026 09:30:00 +0800

TS 4.1+ 模板字面量类型、内置工具类型(Uppercase 等)、字符串类型体操,实战把路由路径提取成类型。

泛型与条件类型

Wed, 24 Jun 2026 09:00:00 +0800

泛型约束、默认值、条件类型、infer 关键字、分布式条件类型,实战实现一个类型安全的 EventEmitter。

联合类型与类型守卫

Wed, 24 Jun 2026 08:30:00 +0800

discriminated union、in/typeof/instanceof、自定义类型守卫、assertion function,实战 API 返回值精确收窄。

类型系统基础与心智模型

Wed, 24 Jun 2026 08:00:00 +0800

从 JS 思维到 TS 思维的转变,讲清楚结构化类型、协变/逆变、双变,以及为什么 TS 的类型是约束也是文档。

CI 环境下的构建优化

Tue, 23 Jun 2026 23:30:00 +0800

GitHub Actions / GitLab CI / 自建 runner 三种场景的缓存策略,实战把 CI 构建从 15 分钟压到 4 分钟。

Monorepo 构建工具链

Tue, 23 Jun 2026 23:00:00 +0800

Turborepo / Nx / pnpm workspace 完整对比,增量构建、远程缓存、任务编排,实战把 6 个子包的项目构建时间砍半。

Turbopack / Bun / Deno 等新势力

Tue, 23 Jun 2026 22:30:00 +0800

Turbo / Bun / Deno / Farm 等 2023+ 的新势力,各自的设计哲学、适用场景、生产可用性实测。

从 webpack 迁移到 Rspack 实战

Tue, 23 Jun 2026 22:00:00 +0800

把之前 rsbuild.md 那篇文章完整展开,讲清楚 CSS content-type 404 那个坑的真正根因,以及完整的 webpack → Rspack/Rsbuild 迁移指南。

Rspack / Rsbuild Rust 系的崛起

Tue, 23 Jun 2026 21:30:00 +0800

深入 Rspack 架构(用 Rust 重写 webpack),Rsbuild 在它之上的封装,以及与 webpack 生态的兼容性实测。

Vite 双引擎与 ESM 魔法

Tue, 23 Jun 2026 21:00:00 +0800

深入 Vite 的双引擎设计:开发用 esbuild + 原生 ESM,生产用 Rollup。讲清楚为什么冷启动 200ms,HMR 50ms,以及 ESM 是怎么革命了开发体验。

esbuild 原理与速度革命

Tue, 23 Jun 2026 20:30:00 +0800

深入 esbuild 的核心设计:为什么 Go 写的编译器能比 webpack 快 100 倍,内存模型、并行 AST、不做 type check、不打 bundle 等等。

webpack 的辉煌与瓶颈

Tue, 23 Jun 2026 20:00:00 +0800

深入 webpack 核心架构(loader/plugin/tapable),模块联邦,splitChunks,Tree shaking,实战把一个大型 SPA 的冷启动从 90 秒优化到 5 秒。

构建工具三十年演进史

Tue, 23 Jun 2026 19:30:00 +0800

从 Make 到 Rspack,完整梳理前端构建工具 30 年演化史,搞清楚每一代工具解决的核心问题,以及背后的技术演进逻辑。

日志分析与可视化

Tue, 23 Jun 2026 19:00:00 +0800

从 access_log 格式定制到 GoAccess 实时分析,从 ELK 全链路到用日志找出恶意爬虫的真实案例。

常见 502/504 故障排查

Tue, 23 Jun 2026 18:30:00 +0800

一份完整的 5xx 故障排查速查表,涵盖 502/503/504 各种原因和排查步骤,5 个真实生产故障案例完整复盘。

性能调优与高并发

Tue, 23 Jun 2026 18:00:00 +0800

从 worker 数量到内核参数,从 sendfile 到零拷贝,完整高并发调优流程,实战把单机 Nginx 从 1w 并发提到 10w 并发的全过程。

安全加固实战

Tue, 23 Jun 2026 17:30:00 +0800

从防 CC 攻击到 SQL 注入拦截,从限流到 WAF,实战公司 API 网关被攻击的真实案例,以及完整的安全加固配置。

缓存策略与性能优化

Tue, 23 Jun 2026 17:00:00 +0800

讲清楚 Nginx 代理缓存、FastCGI 缓存、浏览器缓存、CDN 配合,实战把首页 TTFB 从 800ms 压到 60ms 的全过程。

HTTPS 配置全攻略

Tue, 23 Jun 2026 16:30:00 +0800

从证书申请到 TLS 1.3 优化,从 HSTS 到 OCSP stapling,完整 HTTPS 配置,以及零故障从 HTTP 切到 HTTPS 的实战经验。

反向代理与负载均衡

Tue, 23 Jun 2026 16:00:00 +0800

讲清楚 proxy_pass 的 URL 重写规则、upstream 块、各种负载均衡策略(轮询/权重/ip_hash/url_hash),实战公司 API 网关完整配置。

location 匹配规则与优先级

Tue, 23 Jun 2026 15:30:00 +0800

讲清楚 = / ^~ / 正则 / 普通前缀四种 location 修饰符的优先级,展开 rsbuild.md 里 CSS content-type 404 那个坑的根因和修复方案。

Nginx 配置文件深度解析

Tue, 23 Jun 2026 15:00:00 +0800

逐行拆解 nginx.conf 的五大上下文(main/events/http/server/location),讲清楚变量体系和 include 机制,以及我们踩过的"include 注释导致配置失效"的坑。

从 Docker 到 Kubernetes

Tue, 23 Jun 2026 14:30:00 +0800

从 docker-compose 迁移到 Kubernetes 的完整过程,Helm chart 编写,Argo CD GitOps 部署,以及把公司整套测试平台搬上 K8s 的真实经历。

容器监控与日志

Tue, 23 Jun 2026 14:00:00 +0800

用 Prometheus + Grafana + Loki 搭一套完整的容器可观测性体系,实战一个慢 SQL 引起的 API 雪崩排查全过程。

CI/CD 集成实战

Tue, 23 Jun 2026 13:30:00 +0800

三个主流 CI 平台的完整配置示例,多架构镜像构建、本地缓存、远程缓存,以及我们 GitHub Actions + Argo CD 的完整 DevOps 闭环。

私有镜像仓库搭建

Tue, 23 Jun 2026 13:00:00 +0800

从 Docker Registry 到 Harbor 的完整搭建,镜像签名、垃圾回收、跨主机同步的实战,以及 Harbor 迁移到新版本踩过的坑。

数据持久化与卷管理

Tue, 23 Jun 2026 12:30:00 +0800

从 bind mount / tmpfs / volume 三种方式的选择,到 MySQL 容器化迁移的真实过程,再到备份恢复的完整流程,所有内容来自生产实战。

Docker 网络模式详解

Tue, 23 Jun 2026 12:00:00 +0800

讲清楚 bridge/host/none/custom 网络的区别,实战排错:一个困扰团队三天的"容器连不上宿主 Redis"案例完整复盘。

docker-compose 编排实战

Tue, 23 Jun 2026 11:30:00 +0800

从核心语法到实战编排,讲清楚 docker-compose 的 services/networks/volumes/healthcheck,实战案例:公司一站式测试平台的 compose 文件完整拆解。

镜像分层原理与体积瘦身

Tue, 23 Jun 2026 11:00:00 +0800

讲清楚 Docker 镜像分层的本质和 UnionFS 工作机制,把公司一个 1.8GB 的 Java 服务镜像一步步瘦到 180MB。

Dockerfile 编写规范与缓存优化

Tue, 23 Jun 2026 10:30:00 +0800

从基础指令到多阶段构建,拿公司 Node 后端项目做真实改写对比,把构建时间从 8 分钟压到 90 秒。

Docker 核心概念与生命周期

Tue, 23 Jun 2026 10:00:00 +0800

从 image/container/volume/network 四个核心对象入手,结合公司 Jenkins slave 容器化的真实经历,讲清楚 Docker 到底是什么、为什么需要它。

Nginx 安装与基本操作指南

Tue, 31 Dec 2024 23:37:05 +0800

Nginx 安装与基本操作指南

Nginx 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。本文将介绍如何在 Linux 系统上安装 Nginx，以及一些基本的操作和配置解析。

安装 Nginx

在 Ubuntu 上安装 Nginx

更新软件包列表：
```
sudo apt update
```
安装 Nginx：
```
sudo apt install nginx
```
启动 Nginx 服务：
```
sudo systemctl start nginx
```
设置 Nginx 开机自启动：
```
sudo systemctl enable nginx
```

在 CentOS 上安装 Nginx

添加 Nginx 仓库：

sudo yum install epel-release
sudo yum install nginx

启动 Nginx 服务：
```
sudo systemctl start nginx
```
设置 Nginx 开机自启动：