<Adou />
关于技能项目经历博客联系
主页

所有文章

技术分享与思考

排
精选

排查 Next.js 16 Turbopack 内存泄漏与 CPU 空转:从浏览器到 Node.js 进程的完整调试过程

2026年4月22日·12 分钟阅读

记录一次从浏览器端内存泄漏排查开始,最终定位到 Next.js 16 Turbopack 开发服务器官方 Bug 的完整调试过程。涵盖 React 组件优化、CSS 性能分析、进程监控等实战技巧。

Next.jsTurbopackDebuggingNode.js
果

果冻般顺滑的滚动体验:从零实现自定义平滑滚动组件

2026年4月22日·8 分钟阅读

分享如何使用纯 CSS 和原生 JavaScript(配合 React)实现具有弹性感的果冻滚动效果,包括设备适配、性能优化和完整的实践经验。

ReactUXAnimationTypeScriptFrontend
S

Simple Icons CDN 主题色失效?自定义暗色模式下的图标颜色修复

2026年4月23日·8 分钟阅读

当网站使用自定义暗色模式(非 prefers-color-scheme)时,Simple Icons CDN 的双颜色 URL 会失效。本文记录了排查过程、根本原因和完整解决方案。

Simple IconsDark ModeReactCSS
基

基于 View Transitions API 的主题切换:借鉴 Element Plus 的实践与反思

2026年4月24日·10 分钟阅读

深入分析借鉴 Element Plus 官网的暗色/亮色主题切换实现,涵盖 useSyncExternalStore、View Transitions API 圆形扩散动画、CSS 自定义属性以及经验教训。

View Transitions APIDark ModeCSS Variables
四
精选

四层上下文管理:我是如何让AI助手不再"失忆"的

2026年4月24日·12 分钟阅读

我如何将一个简单的20条消息滑动窗口替换为四层上下文管理系统——动态Token预算、对话摘要、关键信息提取和提示词压缩——来防止AI长对话中的信息丢失。

AILLMContext-Management
驯

驯服 AI 聊天流式渲染:RAF 节流、Markdown 分段缓存与虚拟滚动

2026年4月24日·12 分钟阅读

如何通过 requestAnimationFrame 流式节流、Markdown 分段解析缓存、自定义虚拟滚动列表三项技术,优化 AI 聊天界面的实时 Markdown 渲染性能。

PerformanceVirtual ScrollingStreamingMarkdown
构
精选

构建 resilient 的 AI 聊天流式传输:保留中断内容与指数退避自动重试

2026年4月24日·10 分钟阅读

如何为 AI 聊天界面实现一个 resilient 的流式传输架构,在网络中断时保留已接收的部分内容,并通过指数退避自动重试恢复。

StreamingAIError HandlingExponential Backoff
驯

驯服 iOS Safari PWA 状态栏 — 为什么动态主题切换不起作用以及如何解决

2026年4月25日·6 分钟阅读

iOS Safari PWA 模式只在启动时读取一次状态栏样式——本文记录了我如何发现这个限制、踩过的坑,以及如何通过 `black-translucent` 方案和安全区域适配最终解决问题。

PWAiOSWeb Development
<Adou />

主页

技术栈

Next.jsReactTailwind CSSFramer MotionTypeScript

© 2026 阿逗. 保留所有权利

基于 Next.js 构建