记录前端开发、工程实践与随想杂记https://bakkac.github.io/zh-cnhttps://bakkac.github.io/BakkacBlog/notes/agent-%E6%B6%88%E6%81%AF%E6%B8%B2%E6%9F%93%E5%9F%BA%E7%A1%80/https://bakkac.github.io/BakkacBlog/notes/agent-%E6%B6%88%E6%81%AF%E6%B8%B2%E6%9F%93%E5%9F%BA%E7%A1%80/从事件流、Reducer、Block 与 Renderer Registry 的角度，梳理 Agent 回复的消息渲染模型。Mon, 27 Jul 2026 16:00:00 GMTAgentAG-UI事件驱动消息渲染https://bakkac.github.io/BakkacBlog/notes/electron-%E9%80%9A%E8%AF%86/https://bakkac.github.io/BakkacBlog/notes/electron-%E9%80%9A%E8%AF%86/记录 Electron 的进程模型、Context Isolation、IPC、MessagePort、沙箱与线程/进程选择。Mon, 27 Jul 2026 16:00:00 GMTElectronIPC进程安全性能https://bakkac.github.io/BakkacBlog/thoughts/%E7%BC%96%E8%BE%91%E5%99%A8%E7%9A%84%E5%BC%80%E5%8F%91%E6%80%9D%E8%80%83/https://bakkac.github.io/BakkacBlog/thoughts/%E7%BC%96%E8%BE%91%E5%99%A8%E7%9A%84%E5%BC%80%E5%8F%91%E6%80%9D%E8%80%83/关于事件溯源、状态副本、增量日志和编辑器可靠性设计的思考。Mon, 27 Jul 2026 16:00:00 GMT编辑器事件溯源状态管理数据同步可靠性https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/后端并发问题的识别方式，以及锁、队列、背压、信号量和数据库锁的基本思路。Sat, 13 Jun 2026 12:18:00 GMT后端并发锁Javahttps://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/aqs-%E5%92%8C-cas/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/aqs-%E5%92%8C-cas/理解 CAS 原子操作与 AQS 同步器框架的关系。Sat, 13 Jun 2026 09:01:00 GMTJava并发CASAQShttps://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/reentrant-lock/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/reentrant-lock/Java ReentrantLock 的基本用法、tryLock、可中断锁、公平锁与 Condition。Sat, 13 Jun 2026 08:53:00 GMTJava并发ReentrantLockhttps://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/synchronized/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%B9%B6%E5%8F%91%E5%A4%84%E7%90%86%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%83%B3%E6%B3%95/synchronized/Java synchronized 的锁对象、可重入、wait/notify 与锁升级。Sat, 13 Jun 2026 08:33:00 GMTJava并发synchronizedhttps://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%92%8C%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%92%8C%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8/从 package.json、lockfile、node_modules 到模块图，梳理包管理器与构建工具在现代前端工作流中的职责分工与衔接方式。Wed, 10 Jun 2026 16:00:00 GMT工程化构建工具包管理器pnpmVitehttps://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/Vite 笔记，概览 Vite 的定位、开发阶段能力、HMR 机制与生产构建流程。Mon, 01 Jun 2026 22:57:00 GMTvite构建工具工程化https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E8%AF%BB%E4%B8%8E%E5%86%99case-post-counter/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E8%AF%BB%E4%B8%8E%E5%86%99case-post-counter/以帖子计数为例，整理读写 workload、counter 解耦、Redis 同步与一致性取舍。Thu, 28 May 2026 14:01:00 GMT后端Redis计数系统一致性https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/case-invite-code/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/case-invite-code/以邀请码拉新为例，整理主流程驱动、风险校正、数据建模和幂等并发控制。Sat, 23 May 2026 02:46:00 GMT后端数据建模幂等业务设计https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E6%95%B0%E6%8D%AE%E5%BB%BA%E6%A8%A1steps/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E6%95%B0%E6%8D%AE%E5%BB%BA%E6%A8%A1steps/数据建模从业务驱动、ERD、范式、反规范化、索引到迭代维护的步骤。Fri, 22 May 2026 00:59:00 GMT数据库数据建模后端https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/后端系统中身份认证与权限控制的基础思路。Mon, 18 May 2026 09:36:00 GMT后端权限认证https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%88%9D%E8%AF%86%E6%B6%88%E6%81%AF%E9%98%9F%E5%88%97/https://bakkac.github.io/BakkacBlog/notes/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0-from-zero/%E5%88%9D%E8%AF%86%E6%B6%88%E6%81%AF%E9%98%9F%E5%88%97/RabbitMQ 基本概念、工作模式和代码组织方式。Thu, 14 May 2026 12:04:00 GMT后端消息队列RabbitMQhttps://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%82%A1%E7%A5%9E%E6%9D%A5%E4%BA%86/https://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%82%A1%E7%A5%9E%E6%9D%A5%E4%BA%86/Mon, 13 Apr 2026 06:39:00 GMThttps://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%BF%BD%E7%83%AD%E7%82%B9%E6%97%A0%E6%B3%95%E5%AD%A6%E5%88%B0%E4%BB%BB%E4%BD%95%E4%B8%9C%E8%A5%BF/https://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%BF%BD%E7%83%AD%E7%82%B9%E6%97%A0%E6%B3%95%E5%AD%A6%E5%88%B0%E4%BB%BB%E4%BD%95%E4%B8%9C%E8%A5%BF/Sat, 11 Apr 2026 06:44:00 GMThttps://bakkac.github.io/BakkacBlog/thoughts/%E5%BC%82%E6%AD%A5%E7%9A%84%E4%BB%B7%E5%80%BC/https://bakkac.github.io/BakkacBlog/thoughts/%E5%BC%82%E6%AD%A5%E7%9A%84%E4%BB%B7%E5%80%BC/异步的价值，解释浏览器与主线程协作中的异步意义，并澄清异步、并发与并行之间的关系。Thu, 09 Apr 2026 16:00:00 GMTJavaScript异步并发浏览器https://bakkac.github.io/BakkacBlog/thoughts/adapter%E5%B1%82%E7%9A%84%E4%BB%B7%E5%80%BC/https://bakkac.github.io/BakkacBlog/thoughts/adapter%E5%B1%82%E7%9A%84%E4%BB%B7%E5%80%BC/Adapter层的价值，讨论 Adapter 在边界隔离、数据转换与运行时编排中的作用，以及它为何值得独立存在。Wed, 08 Apr 2026 16:00:00 GMT架构设计Adapter边界设计数据转换https://bakkac.github.io/BakkacBlog/blog/3-%E6%9C%88%E7%9A%84%E9%98%85%E8%AF%BB%E4%B8%8E%E6%80%9D%E8%80%83/https://bakkac.github.io/BakkacBlog/blog/3-%E6%9C%88%E7%9A%84%E9%98%85%E8%AF%BB%E4%B8%8E%E6%80%9D%E8%80%83/Wed, 01 Apr 2026 07:22:00 GMThttps://bakkac.github.io/BakkacBlog/notes/react-%E5%93%B2%E5%AD%A6-%E6%B8%B2%E6%9F%93-%E6%80%BB%E7%BB%93-new/https://bakkac.github.io/BakkacBlog/notes/react-%E5%93%B2%E5%AD%A6-%E6%B8%B2%E6%9F%93-%E6%80%BB%E7%BB%93-new/React 哲学、渲染与总结笔记，从声明式 UI、组件边界与状态驱动视角梳理 React 的核心思想。Tue, 31 Mar 2026 16:00:00 GMTReact渲染组件设计声明式UIhttps://bakkac.github.io/BakkacBlog/thoughts/standard-schema%E4%B8%8E%E5%85%A8%E6%A0%88%E7%B1%BB%E5%9E%8B%E5%AE%89%E5%85%A8/https://bakkac.github.io/BakkacBlog/thoughts/standard-schema%E4%B8%8E%E5%85%A8%E6%A0%88%E7%B1%BB%E5%9E%8B%E5%AE%89%E5%85%A8/Standard Schema 与全栈类型安全，讨论运行时校验如何连接 TypeScript 类型、安全边界与全栈数据流。Tue, 31 Mar 2026 06:20:00 GMTTypeScriptSchema运行时校验全栈https://bakkac.github.io/BakkacBlog/notes/crdt-yjs-%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/https://bakkac.github.io/BakkacBlog/notes/crdt-yjs-%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/CRDT/Yjs 概念思路，介绍 CRDT 与 Yjs 的核心机制、冲突合并逻辑与协同编辑中的数据同步模型。Thu, 19 Mar 2026 16:00:00 GMTCRDTYjs协同编辑数据同步https://bakkac.github.io/BakkacBlog/notes/%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1%E7%AD%96%E7%95%A5websocket-sse/https://bakkac.github.io/BakkacBlog/notes/%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1%E7%AD%96%E7%95%A5websocket-sse/实时通信策略笔记，对比 WebSocket 与 SSE 的通信模型、协议特征与适用场景，梳理实时推送实现思路。Wed, 18 Mar 2026 16:00:00 GMT实时通信WebSocketSSE网络https://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E5%B0%8F%E9%BE%99%E8%99%BE%E5%85%A5%E4%BE%B5%E4%BA%86/https://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E5%B0%8F%E9%BE%99%E8%99%BE%E5%85%A5%E4%BE%B5%E4%BA%86/Wed, 11 Mar 2026 15:40:00 GMThttps://bakkac.github.io/BakkacBlog/thoughts/ui%E7%9A%84%E4%B9%90%E8%A7%82%E6%9B%B4%E6%96%B0%E7%AD%96%E7%95%A5/https://bakkac.github.io/BakkacBlog/thoughts/ui%E7%9A%84%E4%B9%90%E8%A7%82%E6%9B%B4%E6%96%B0%E7%AD%96%E7%95%A5/UI 的乐观更新策略，梳理乐观更新的本质、TanStack Query 的实现方式，以及一致性与交互体验的取舍。Wed, 25 Feb 2026 06:12:00 GMTReact乐观更新TanStack Query数据一致性https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/esm-%E5%92%8C-cjs/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/esm-%E5%92%8C-cjs/ESM 和 CJS 笔记，从脚本作用域问题出发，对比 CommonJS 与 ES Module 的模块机制、加载方式与工程化差异。Tue, 24 Feb 2026 16:00:00 GMTJavaScript模块化ESMCJShttps://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%A7%A3%E5%86%B3%E9%97%AE%E9%A2%98%E4%B8%8E%E8%A7%A3%E9%87%8A%E9%97%AE%E9%A2%98/https://bakkac.github.io/BakkacBlog/blog/%E7%9E%8E%E6%83%B3/%E8%A7%A3%E5%86%B3%E9%97%AE%E9%A2%98%E4%B8%8E%E8%A7%A3%E9%87%8A%E9%97%AE%E9%A2%98/Fri, 20 Feb 2026 04:36:00 GMThttps://bakkac.github.io/BakkacBlog/thoughts/%E7%AB%8B%E7%BB%98%E9%A2%84%E8%A7%88%E7%9A%84%E6%97%B6%E5%BA%8F%E9%97%AE%E9%A2%98/https://bakkac.github.io/BakkacBlog/thoughts/%E7%AB%8B%E7%BB%98%E9%A2%84%E8%A7%88%E7%9A%84%E6%97%B6%E5%BA%8F%E9%97%AE%E9%A2%98/立绘预览的时序问题，复盘裁剪预览中的时序竞争，分析异步流程、状态同步与前端业务架构的处理方式。Tue, 03 Feb 2026 12:00:00 GMT时序图片处理架构设计前端业务https://bakkac.github.io/BakkacBlog/notes/ai-concept/https://bakkac.github.io/BakkacBlog/notes/ai-concept/AI concept 笔记，系统梳理大语言模型、Agent、上下文工程与提示词的基础概念，帮助理解 LLM 的工作方式与应用前提。Tue, 03 Feb 2026 09:41:00 GMTAILLMAgent上下文工程https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/%E5%9F%BA%E4%BA%8Evite%E7%9A%84%E4%BB%A3%E7%A0%81%E6%8B%86%E5%88%86/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/%E5%9F%BA%E4%BA%8Evite%E7%9A%84%E4%BB%A3%E7%A0%81%E6%8B%86%E5%88%86/基于 Vite 的代码拆分笔记，从浏览器加载流程出发分析代码拆分策略及其对性能与包体积的影响。Sun, 01 Feb 2026 08:51:00 GMTVite工程化Code Splitting性能优化https://bakkac.github.io/BakkacBlog/notes/react%E5%B9%B6%E5%8F%91%E6%A8%A1%E5%BC%8F%E5%8E%9F%E7%90%86%E4%B8%8E%E5%BA%94%E7%94%A8/https://bakkac.github.io/BakkacBlog/notes/react%E5%B9%B6%E5%8F%91%E6%A8%A1%E5%BC%8F%E5%8E%9F%E7%90%86%E4%B8%8E%E5%BA%94%E7%94%A8/React 并发模式原理与应用，整理并发渲染的核心概念、调度机制与常见性能优化场景。Sun, 01 Feb 2026 08:49:00 GMTReact并发性能优化渲染https://bakkac.github.io/BakkacBlog/thoughts/ai-coding-best-practice/https://bakkac.github.io/BakkacBlog/thoughts/ai-coding-best-practice/AI coding Best Practice，围绕上下文管理、输入策略与协作边界，总结更适合工程场景的 AI 编码实践。Sun, 01 Feb 2026 08:39:00 GMTAIAgent上下文工程开发工具https://bakkac.github.io/BakkacBlog/thoughts/web-worker-%E4%B8%8E%E8%BD%BB%E9%87%8F%E7%BA%BF%E7%A8%8B%E6%B1%A0%E5%AE%9E%E7%8E%B0/https://bakkac.github.io/BakkacBlog/thoughts/web-worker-%E4%B8%8E%E8%BD%BB%E9%87%8F%E7%BA%BF%E7%A8%8B%E6%B1%A0%E5%AE%9E%E7%8E%B0/web worker 与轻量线程池实现，介绍 Web Worker 的基本模型，并实现适合前端耗时任务的轻量线程池方案。Mon, 15 Dec 2025 07:21:00 GMTWebWorker并发性能优化浏览器https://bakkac.github.io/BakkacBlog/thoughts/nextjs-%E7%9A%84%E9%97%AE%E9%A2%98/https://bakkac.github.io/BakkacBlog/thoughts/nextjs-%E7%9A%84%E9%97%AE%E9%A2%98/NextJS 的问题，分析 Next.js 在 RSC 与复杂实时交互并存时的架构摩擦，以及 App Router 的维护成本。Mon, 08 Dec 2025 08:11:00 GMTNext.jsRSC渲染全栈框架https://bakkac.github.io/BakkacBlog/thoughts/%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90rsc-%E4%B8%8E-ssr/https://bakkac.github.io/BakkacBlog/thoughts/%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90rsc-%E4%B8%8E-ssr/性能分析：RSC 与 SSR，对比 CSR、SSR 与 RSC 的渲染链路和性能特征，理解不同方案对首屏与交互时间的影响。Mon, 08 Dec 2025 08:11:00 GMTRSCSSR渲染性能优化https://bakkac.github.io/BakkacBlog/notes/html%E6%B8%B2%E6%9F%93%E7%AD%96%E7%95%A5/https://bakkac.github.io/BakkacBlog/notes/html%E6%B8%B2%E6%9F%93%E7%AD%96%E7%95%A5/HTML渲染策略笔记，梳理 CSR、SSR、SSG 与混合渲染的差异，理解现代 Web 页面在静态与动态之间的选型逻辑。Mon, 08 Dec 2025 07:50:00 GMT渲染SSRCSR浏览器https://bakkac.github.io/BakkacBlog/thoughts/style-system/https://bakkac.github.io/BakkacBlog/thoughts/style-system/style system 文章，从 CSS 扩展、Headless 组件与样式封装三类能力出发，讨论样式系统的分层与取舍。Mon, 08 Dec 2025 07:47:00 GMTCSS设计系统Tailwind组件库https://bakkac.github.io/BakkacBlog/notes/chatbox%E9%98%85%E8%AF%BB%E8%AE%B0%E5%BD%95/https://bakkac.github.io/BakkacBlog/notes/chatbox%E9%98%85%E8%AF%BB%E8%AE%B0%E5%BD%95/chatbox 阅读记录，整理消息系统中的分级存储、IndexedDB 增量同步与更新队列设计方案。Sun, 07 Dec 2025 07:32:00 GMT架构设计IndexedDB消息系统缓存https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/hmr-%E5%A6%82%E4%BD%95%E5%B7%A5%E4%BD%9C/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/hmr-%E5%A6%82%E4%BD%95%E5%B7%A5%E4%BD%9C/HMR 如何工作，解析热模块替换的基本原理、最小实现路径，以及 Vite 如何基于模块图完成热更新。https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/vite-%E7%9A%84%E6%9E%84%E5%BB%BA%E6%B5%81%E7%A8%8B/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/vite-%E7%9A%84%E6%9E%84%E5%BB%BA%E6%B5%81%E7%A8%8B/Vite 的构建流程笔记，拆解 Vite 从开发到生产构建的完整工作流，理解现代前端工具链的输入、转换与输出。https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/%E6%A8%A1%E5%9D%97%E5%8C%96%E4%B8%8E%E6%89%93%E5%8C%85%E5%A2%9E%E5%BC%BA/https://bakkac.github.io/BakkacBlog/notes/%E5%B7%A5%E7%A8%8B%E5%8C%96/vite/%E6%A8%A1%E5%9D%97%E5%8C%96%E4%B8%8E%E6%89%93%E5%8C%85%E5%A2%9E%E5%BC%BA/模块化与打包增强笔记，说明原生 ESM 的能力边界，以及 bundler 如何扩展 import 语义支撑前端工程化。