8 年实战经验的大前端工程师：Web 框架、跨端桌面、移动端、小程序、Node/BFF、监控埋点、AI 应用全链路实践。把架构决策和踩坑经验写成可复用的知识。https://zrbjava.github.io/https://zrbjava.github.io/posts/ai-agent-ui-design-patternshttps://zrbjava.github.io/posts/ai-agent-ui-design-patternsTool Calling 可视化、Multi-Agent 协作界面、Human-in-the-Loop 与 Agent 状态机的前端设计。Mon, 06 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/ai-app-engineering-mcp-workflowhttps://zrbjava.github.io/posts/ai-app-engineering-mcp-workflowMCP 协议、Tool Calling 架构、Agent 状态机、Prompt 版本管理与 AI 应用从 Demo 到生产的工程化路径。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/llm-rag-frontend-architecturehttps://zrbjava.github.io/posts/llm-rag-frontend-architecture检索增强生成的完整前端链路：文档上传、向量检索、上下文注入与引用溯源 UI 设计。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/ai-sdk-streaming-integrationhttps://zrbjava.github.io/posts/ai-sdk-streaming-integrationVercel AI SDK、OpenAI API 流式调用、SSE 处理和 AI 聊天界面的前端架构设计。Sat, 04 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/pinia-state-management-designhttps://zrbjava.github.io/posts/pinia-state-management-designPinia Store 设计模式、模块化拆分、持久化策略与 Vuex 迁移的完整指南。Tue, 30 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/vue3-composition-architecturehttps://zrbjava.github.io/posts/vue3-composition-architectureComposable 设计模式、逻辑复用边界、与 Options API 的迁移策略及大型项目模块组织。Mon, 29 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/vue3-reactivity-system-deep-divehttps://zrbjava.github.io/posts/vue3-reactivity-system-deep-dive从 Object.defineProperty 到 Proxy，理解 track/trigger、effect 调度与 computed/watch 的实现机制。Sun, 28 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/react-complex-form-architecturehttps://zrbjava.github.io/posts/react-complex-form-architecture从字段建模、状态隔离、联动规则和性能优化几个角度，拆解大型业务表单的工程设计。Sat, 04 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/react-state-management-comparisonhttps://zrbjava.github.io/posts/react-state-management-comparisonRedux、Zustand、Jotai、Recoil、Context 的状态边界设计与大型项目选型决策树。Fri, 03 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/react-server-components-practicehttps://zrbjava.github.io/posts/react-server-components-practiceRSC 的渲染模型、Server/Client 组件边界、数据获取模式与 Next.js App Router 落地经验。Thu, 02 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/react-fiber-reconciliation-deep-divehttps://zrbjava.github.io/posts/react-fiber-reconciliation-deep-dive从 Stack Reconciler 到 Fiber，理解 React 可中断渲染、优先级调度与 Diff 算法的完整链路。Wed, 01 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-permission-systemhttps://zrbjava.github.io/posts/frontend-permission-system从账号、角色、资源、操作和数据范围几个维度，梳理中后台权限系统的前端设计方式。Sun, 28 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/component-layeringhttps://zrbjava.github.io/posts/component-layering总结复杂前端项目中组件职责、状态边界和跨模块协作的组织方式。Fri, 12 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/wechat-mini-program-architecturehttps://zrbjava.github.io/posts/wechat-mini-program-architecture双线程模型、setData 优化、分包策略、Skyline 渲染与 Taro 跨端选型的系统化指南。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/electron-performance-packaginghttps://zrbjava.github.io/posts/electron-performance-packaging渲染进程性能调优、内存泄漏排查、Vite+Electron 构建配置与多平台打包策略。Fri, 26 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/electron-architecture-securityhttps://zrbjava.github.io/posts/electron-architecture-security主进程/渲染进程模型、IPC 通信、Context Isolation、Preload 脚本与 Electron 安全最佳实践。Thu, 25 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-system-design-interviewhttps://zrbjava.github.io/posts/frontend-system-design-interview设计一个前端监控平台、微前端架构、低代码编辑器的前端系统设计思路与面试表达。Wed, 08 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/senior-frontend-interview-roadmaphttps://zrbjava.github.io/posts/senior-frontend-interview-roadmap8 年经验高级前端面试的完整知识地图、项目表达框架、算法策略与薪资谈判指南。Tue, 07 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-tracking-sdk-designhttps://zrbjava.github.io/posts/frontend-tracking-sdk-design事件命名规范、自研埋点 SDK、自动/手动/可视化采集、数据治理与漏斗分析的完整工程体系。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/mobile-h5-adaptation-architecturehttps://zrbjava.github.io/posts/mobile-h5-adaptation-architectureviewport 策略、rem/vw 动态适配、安全区、软键盘与 WebView 容器的移动端 H5 工程化方案。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/nodejs-bff-layer-designhttps://zrbjava.github.io/posts/nodejs-bff-layer-designBFF 在微服务中的定位、Koa 中间件模型、API 聚合、鉴权与 Node 服务工程化实践。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/react-native-architecture-practicehttps://zrbjava.github.io/posts/react-native-architecture-practiceFabric 渲染器、TurboModule、JSI 直连、Hermes 引擎与 RN 性能治理的系统化方法。Sun, 05 Jul 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-ci-quality-gateshttps://zrbjava.github.io/posts/frontend-ci-quality-gatesLint、Type Check、Unit Test、E2E、Bundle 分析的流水线设计与分支策略。Wed, 24 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/monorepo-governance-strategyhttps://zrbjava.github.io/posts/monorepo-governance-strategypnpm workspace、Turborepo、Changesets 与大型前端 Monorepo 的边界设计与依赖治理。Tue, 23 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/vite-webpack-build-pipelinehttps://zrbjava.github.io/posts/vite-webpack-build-pipeline从 ESM 开发服务器到 Rollup 生产构建，理解 Vite/Webpack/Rspack 的编译模型与选型依据。Mon, 22 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-performance-reviewhttps://zrbjava.github.io/posts/frontend-performance-review用指标拆解、瓶颈定位、方案实施和收益验证的方式，复盘一次首屏性能优化。Sat, 20 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/typescript-advanced-type-patternshttps://zrbjava.github.io/posts/typescript-advanced-type-patterns泛型约束、条件类型、映射类型、模板字面量类型在 API 设计中的实战应用。Thu, 18 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-security-defensehttps://zrbjava.github.io/posts/frontend-security-defense常见 Web 攻击原理、防御策略、Content Security Policy 配置与 Electron 安全加固。Tue, 16 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/browser-rendering-pipelinehttps://zrbjava.github.io/posts/browser-rendering-pipeline从 URL 输入到像素输出：关键渲染路径、重排重绘、合成层与 GPU 加速的完整链路。Mon, 15 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/canvas-webgl-rendering-guidehttps://zrbjava.github.io/posts/canvas-webgl-rendering-guideCanvas 绘制优化、WebGL 渲染管线、OffscreenCanvas 与大数据量图形渲染的性能策略。Fri, 12 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/frontend-monitoring-systemhttps://zrbjava.github.io/posts/frontend-monitoring-system从错误采集、性能指标、用户行为和告警策略几个角度，搭建可用于排障的监控体系。Tue, 02 Jun 2026 00:00:00 GMThttps://zrbjava.github.io/posts/code-review-practicehttps://zrbjava.github.io/posts/code-review-practice从正确性、可维护性、测试、性能和团队协作几个维度，整理 Code Review 的关注点。Sun, 24 May 2026 00:00:00 GMT