这里是全站文章的归档入口，下面是按时间倒序排列的全部文章。若想按主题浏览，请从首页的专题分类进入。
Vite 测试实战：Vitest 单元测试、组件测试与 E2E 测试
系统覆盖 Vite 生态的测试方案：Vitest 单元测试（断言/参数化/快照）、组件测试（Vue/React Testing Library）、E2E 测试（Playwright）、Mock 与覆盖率、CI 集成，以及 Vite 插件兼容性。
posts
文章归档
PlumePHP 全站文章的归档入口，按时间倒序汇总各专题的技术文章，并提供按主题浏览的专题分类入口。
Vite 框架集成：React、Vue、Svelte、Solid 与官方插件生态
系统覆盖 Vite 与主流前端框架的集成：@vitejs/plugin-vue、plugin-react、Svelte/Solid 插件、框架预设（create-vite 模板）、JSX 转换、框架 HMR、选择框架插件的要点。
Vite 构建缓存与持久化缓存策略：依赖预构建、Rollup 缓存与 CI 加速
Vite 构建缓存全解：缓存的三层结构（依赖预构建/.vite、esbuild、Rollup）、本地开发缓存 vs 生产构建缓存的差异、缓存失效与命中判定（package.json、lockfile、配置）、CI 里的持久化缓存配置、增量构建与 Turbopack 对比，以及缓存安全与坑。
Vite 微前端集成：Module Federation、qiankun 与 import maps
基于 Vite 的微前端落地全解：微前端的核心诉求（独立交付/技术异构/自治）、三种方案对比（Module Federation、qiankun、import maps + 原生 ESM）、Vite + Module Federation 配置实战、qiankun 与 Vite 的兼容处理、样式与路由隔离、共享依赖与版本冲突、以及微前端的构建与部署策略。
Vite 开发调试与故障排查：devtools、调试工具链与常见问题定位
Vite 项目的调试工具箱：dev server 调试（vite --debug/--host/端口）、构建调试（--debug/-d、产物分析）、浏览器 devtools 与 sourcemap、依赖问题排查（预构建/hmr/路径）、性能定位（慢模块/启动耗时）、日志与可视化分析、以及常见报错（404/别名/依赖解析/内存）的系统排查法。
Vite 开发服务器内部架构：中间件管线、模块图与按需编译
系统覆盖 Vite Dev Server 的内部工作原理：开发服务器的整体架构与双引擎分工、Connect 中间件管线（静态服务/转换/代理）、模块图与依赖解析（import 扫描/改写 ESM）、源码转换管道（esbuild 转译/插件 transform）、浏览器原生 ESM 的按需编译模型、WebSocket 与 HMR 消息机制、依赖预构建的整合方式，以及启动优化与常见问题排查，帮助开发者从「用 Vite」进阶到「理解 Vite 的 Dev Server 为什么这么快」。
Vite 依赖预构建：optimizeDeps 原理、缓存失效与 Monorepo 实战
深入 Vite 依赖预构建机制：为什么需要预构建（ESM 兼容 + 性能）、esbuild 扫描与打包、optimizeDeps 配置、缓存失效与 .vite 目录、Monorepo 与链接包处理、按需预构建。
Vite 中的 Web Worker 与 WASM：并行计算、模块 Worker 与加载优化
在 Vite 中用好 Worker 与 WASM：Worker 的 Vite 原生加载（?worker/new URL）、模块 Worker 与代码分割、Worker 池与通信设计、WASM 在 Vite 的加载方式（?url/instantiate/async）、WASM 与 Worker 的组合、性能权衡（线程/内存/传输），以及真实场景（图片处理/加密/数据编解码）。
Vite HMR 深入：热更新机制、模块边界与自定义 HMR
深入 Vite 热更新（HMR）原理：HMR 是什么、模块图与依赖链、accept 边界、自定义 HMR API（import.meta.hot）、插件实现 HMR、常见 HMR 失效与性能优化。
Vite CI/CD 构建优化：缓存策略、并行构建、产物交付与自动化部署
Vite 项目的 CI/CD 最佳实践：GitHub Actions 流水线、依赖缓存与 Vite 构建缓存、并行 Job 与分片、构建产物交付（哈希/上传）、Vercel/Netlify/GitHub Pages 自动化部署、构建失败排查。
Unicode 与字符编码全解：UTF-8、码点、规范化与乱码排查
彻底讲清 Unicode 与字符编码：字符集 vs 编码、UTF-8/UTF-16 原理、码点与代理对、字节序 BOM、规范化（NFC/NFD）、emoji 与组合字符、乱码成因与各系统处理建议。
TypeScript 错误处理：Result 模式、类型化错误与错误边界实战
系统覆盖 TypeScript 的错误处理策略：异常 vs Result 返回对比、Result/Either 类型设计、类型化错误（判别联合）、Option 处理可空、async/await 错误传播、自定义错误类、React 错误边界、错误处理与日志/可观测性结合，以及错误处理的工程实践。
TypeScript 语言服务与编辑器插件：TS Server、LSP 与智能提示增强
系统覆盖 TypeScript 语言服务（Language Service）的底层架构与应用：TS Server 进程模型、语言服务 API（诊断/补全/语义标记）、LSP 协议与编辑器通信机制、内置的快速修复与重构能力、自定义 TS 插件（tsPlugins）的编写与发布、VS Code 扩展集成方式，以及性能优化与稳定性保障，帮助工具链开发者理解「编辑器里的 TS 智能提示从哪来」。
TypeScript 测试策略：单元测试、类型测试与测试替身实战
系统覆盖 TypeScript 项目的完整测试策略：Vitest 与测试框架选型、类型测试（expect-type/tsd）与编译期断言、单元测试最佳实践、测试替身（mock/stub/spy）、测试数据与工厂模式、覆盖率与 CI 集成、以及类型驱动的测试设计。
TypeScript 构建性能优化：增量编译、缓存与工具链选型
系统覆盖 TypeScript 项目构建与类型检查的性能优化：构建链路拆解（类型检查 vs 转译）、tsc 全量 vs 增量、incremental 与 composite 项目引用、isolatedModules 与转译器（esbuild/swc/tsup）、monorepo 缓存（Turborepo）、ts-loader/babel 对比、skipLibCheck 与路径映射影响，以及构建性能诊断与优化清单。
TypeScript 库作者指南：声明文件、API 演进与包发布
系统覆盖 TypeScript 库（npm 包）开发与发布：tsconfig 构建配置、声明文件生成、API 设计（泛型/重载/模块暴露）、包导出入口（exports/main/types）、兼容性与 semver 演进、sideEffects 与 tree-shaking、发布流程、声明文件测试，以及开源库的工程实践。
STAR 故事库构建指南：30 问全覆盖与量化成果模板
如何为行为面试构建一套可复用的个人故事库：30 个高频行为问题的分类与答案框架、STAR 四段式故事模板、量化成果的三种单位、冲突/失败/领导力三类核心故事的写作模板，以及面试现场的组织技巧。
Shor 算法深入：数论基础、QFT 与 RSA 威胁量化
深入 Shor 算法的工程原理：因数分解与阶（order）的转化、模幂运算的量子电路、量子傅里叶变换（QFT）与相位估计在 Shor 中的角色、经典后处理（连分数）、复杂度分析、对 RSA 的威胁量化（密钥长度 vs 量子资源）、以及实现路线与局限性。
Serverless 数据层选型：D1、Turso、Neon、Supabase 与 Upstash
系统讲解 Serverless/边缘计算的数据层选型：云数据库托管（Neon/Supabase）、边缘 SQLite（D1/Turso）、KV/Redis（Upstash/Cloudflare KV）、边缘向量库与对象存储，覆盖读写模式、冷启动影响、连接管理与延迟、SQLite vs PostgreSQL vs NoSQL 选型矩阵，以及生产数据层架构设计。
Scala.js 与 Scala Native：跨平台编译、互操作与工程实践
Scala 三大目标平台的工程实战：Scala.js（前端/Node 的 JS 编译）、Scala Native（原生二进制）、crossProject 共享代码，覆盖互操作（JS Facade / C interop）、性能对比与部署集成。