Frontend Architecture
面向长期维护、性能和团队协作的前端架构实践。
Frontend Architecture · Web3 Systems · AI Engineering
ZyonCode
专注前端架构、Web3 系统、AI 工程化的软件工程师内容站，沉淀长期可复用的工程认知。
Focus Map
Framework internalsExchange systemsDeFi architectureAI workflows
Topics
Featured Topics
围绕长期主题组织内容，而不是依赖松散标签。
Vue / React Internals
深入框架运行机制、响应式、调度、状态管理和源码设计。
Web3 & DeFi
拆解协议、DEX、钱包、链上交互和 DeFi 产品工程实现。
Crypto Exchange Systems
交易所系统设计、撮合、风控、保证金、账户和数据链路。
Engineering Productivity
工程化、开发者工具、构建系统、自动化和团队效率。
AI Engineering
AI 辅助开发、代码审查、Agent 工作流和工程效率系统。
Learning Paths
Featured Series
vue-react-internals
Vue.js 内部机制深度解析
从响应式、调度、nextTick 到渲染机制的系统学习路径。
exchange-systems
加密货币交易所系统设计
围绕账户、撮合、风控、持仓和清结算构建交易所系统认知。
web3-defi
DeFi 协议与 DEX 架构分析
理解 AMM、借贷、清算、Hooks 和协议工程权衡。
vue-react-internals
React 状态管理与框架原理
围绕 Fiber、调度、Suspense 和状态库设计拆解 React 生态。
engineering-productivity
工程化与开发者工具
构建链路、自动化、CLI、AI 工作流和团队效率工具。
Writing
Latest Writing
Engineering Productivity
技术文档排版测试：标题、图文、代码与列表层级
用一篇完整测试文覆盖 H2/H3/H4、正文、图片、代码块、表格、引用、嵌套列表和 Mermaid，校准技术文章阅读体验。
Web3 & DeFi
DeFi 清算风险的系统视角
从抵押率、预言机、清算激励和链上拥堵理解 DeFi 清算机制的风险边界。
Crypto Exchange Systems
撮合引擎笔记：价格优先与时间优先
用简化模型理解撮合引擎中的订单簿、价格优先、时间优先和成交事件。
Frontend Architecture
前端模块边界设计：从目录结构到依赖方向
目录不是架构，依赖方向和变更边界才是前端模块化的核心。
AI Engineering
AI Agent 代码审查规则如何设计
设计 AI 代码审查工作流时，重点不是模型能力，而是规则边界、上下文输入和人工复核。
Vue / React Internals
React Suspense 数据流的工程边界
用工程视角理解 Suspense 在数据加载、渲染中断和用户体验之间的边界。
Videos
YouTube / Videos
视频页预留摘要、文字稿、章节和转化入口。
AI Engineering Workflow for Solo Developers
个人开发者如何把 AI 接入需求拆解、代码审查、测试和文档流程。
Crypto Exchange System Overview
用一张系统图解释交易所账户、撮合、风控和清结算模块。
Vue nextTick Explained
用一次 DOM 更新链路解释 nextTick 的真实语义和常见误用。
Projects
Projects / Case Studies
active
AI Code Review Workflow
面向个人和小团队的 AI 辅助代码审查流程，强调可追踪、可复现和低维护成本。
active
Crypto Exchange System Design Notes
面向内容创作和系统分析的交易所系统设计笔记库。
active
Frontend Architecture Knowledge Base
面向长期写作和团队分享的前端架构知识库。