最近的博客
01 Redis 在系统中的位置
理解 Redis、MySQL、浏览器缓存与应用内存各自解决的问题。
02 第一次使用 Redis
在 Windows 与 Docker 中启动 Redis，掌握 Key、Value 和 TTL。
03 核心数据类型与选型
根据业务操作选择 String、Hash、List、Set、ZSet 与扩展结构。
04 Spring Boot 接入 Redis
使用 Spring Data Redis、StringRedisTemplate、JSON 和 Spring Cache。
06 六个常用 Redis 业务功能
验证码、登录态、点赞、排行榜、计数与限流的实现思路。
05 Cache Aside 完整链路
从缓存读写、空值缓存到更新失效与一致性边界。
07 缓存穿透、击穿、雪崩与热点问题
区分五类缓存问题，并根据压力来源选择保护方案。
08 原子性、事务与分布式锁
分清 Pipeline、MULTI、WATCH、Lua 与分布式锁的保证边界。
09 刚好够用的 Redis 原理
理解线程模型、底层编码、过期删除与内存淘汰。
10 持久化与高可用
理解 RDB、AOF、复制、Sentinel、Cluster 与哈希槽。
11 性能优化与排障
从延迟、命中率、内存和连接数定位 Redis 问题。
12 Redis 学习验收与面试
通过场景推演、面试题和练习路线检验 Redis 能力。
Redis 从 0 到实战
面向前端转全栈的 Redis 学习路线，包含 Spring Boot、缓存设计、并发、高可用与排障。
Seren Spark Blog
基于 Astro 和 Starlight 的个人知识库与长期日志网站。
博客地址换啦
最近忙于实习，更新不多。这里是博客地址迁移后的新入口。
一文带你彻底掌握 Function Call 的使用（Node.js 版）
用 Node.js、SSE 和阿里云百炼模型完成 Function Calling，从工具判断到结果回传。
AI 编辑器（FIM 补全、AI 扩写）简介
介绍结合 React、Ant Design、Redux 与代码模型的 AI 辅助编辑器。
AI 编辑器（二）——调用模型的 FIM 功能
记录通过 API 调用代码模型完成 FIM 补全的实现思路与示例。
回顾 WebSocket 心跳机制以及断线重连（Node 服务端）
整理 WebSocket 心跳检测、超时判断、网络监听和断线重连的完整思路。
Ant Design Form 登录表单切换问题
分析条件渲染导致表单实例丢失的问题，并给出更稳定的切换方式。
NProgress 效果和网页进度不一致问题
解决路由跳转、异步组件加载与进度条结束时机不一致的问题。
CSS 基础
从浏览器可视区、滚动距离和元素位置等概念开始回顾 CSS 基础。
面试——HTML
整理 HTML 渲染模式对 CSS 代码和 JavaScript 解析的影响。
Vue 3 定义全局防抖指令
把防抖行为封装成全局指令，减少输入框使用时的重复代码。
Vue 3 Excel 文件导入
记录在小组官网中导入 Excel 并展示成员信息的实现过程。
进程线程回顾
重新梳理进程与线程的关系、资源共享和网络学习中的理解盲区。
前缀和与差分（一维）
通过区间求和与区间修改的例子理解前缀和与差分数组。
Marked 库：高效将 Markdown 转换为 HTML
记录使用 Marked 处理 Markdown 文本、扩展渲染器和接入 AI 输出的过程。
菜单（路由）权限、按钮权限与路由进度条
从路由、接口和按钮三个层面整理前端权限控制的实现思路。
BFS（广度优先搜索，走迷宫问题）
用走迷宫问题理解广度优先遍历和队列的使用方式。
ECharts 数据可视化大屏（Vue 3 + ECharts）
记录使用 Vue 3 和 ECharts 完成数据可视化大屏的实践。
Web Worker 计算 MD5
将大文件 Hash 计算放到 Web Worker 中，避免长时间阻塞主线程。
Vue 3 大文件分片上传与断点续传（TS 核心思路）
整理大文件分片、上传合并和断点续传的基本设计与实现思路。
封装 confirm（Vue 3 + TS）
通过动态挂载组件封装 confirm，并处理确定、取消与组件卸载。
旧尘落定，新阳破晓吟风处
谨以此篇，告别过去的自己。
Node 环境的事件循环
对比浏览器与 Node.js 事件循环，回顾 V8、libuv 与异步任务。
伪数组和真数组
从 length、索引和数组方法等角度区分伪数组与真数组。
Vue 3 组件通信
记录 Vue 3 中组件之间传递数据与触发事件的常见方式。
Vue 3 新组件与其他 API
整理浅层响应式、原始对象和只读对象等 Vue 3 API。
TS（类、接口、泛型）
从数据模型、类的契约和代码复用三个角度理解 TypeScript。
TS 基础
回顾 TypeScript 与 JavaScript 的关系、特点和使用环境。
Vue（4）脚手架与 Vuex
整理 Vue 构建版本、脚手架和 Vuex 的基础知识。
Vue（3）组件
记录 Vue 组件事件、自定义事件和父子组件通信。
Vue 基础（2）：检测数据原理与生命周期
回顾 Vue 指令、配置对象回调和生命周期相关知识。
Vue 基础（1）
从数据代理和计算属性开始，重新梳理 Vue 的基础响应式概念。
一些函数的封装
记录日常开发中一些常用函数的封装。
Webpack
回顾 Webpack 的模块打包、依赖管理和文件转换能力。
src 与 href，fetch 与 ajax，cookie 与 session
对比资源加载、Fetch 请求、Ajax 以及浏览器状态管理的基础概念。
中间件与模板引擎
以 Node.js 服务端为例，理解中间件和模板引擎的执行过程。
Node.js（文件操作、构建服务器、Express、npm）
从文件操作到 Express 和 npm，回顾 Node.js 服务端开发基础。
事件委托、call、apply、bind 用法
整理事件冒泡、事件委托以及 call、apply、bind 的使用场景。
jQuery 的一些小操作以及遇到的问题
记录 jQuery 在事件、DOM 操作和评论交互中的一些实践。
Thymeleaf（2）
记录项目推进过程中的 Thymeleaf 学习笔记。
Textarea 的常用属性与 Thymeleaf
整理 textarea 常用属性，以及它在 Thymeleaf 模板中的使用方式。