博客

前端架构师的中后台实战——表单方案对比、虚拟表格 + 单元格编辑器、ECharts 性能优化、800+ 页面 ERP 沉淀的工程模式

前端架构师的 Angular 深度——依赖注入体系、RxJS 异步原语、Zone.js 变化追踪、强约定架构；React / Vue / Angular 三大框架的工程取舍

前端架构师的构建工具通史——bundler 本质、Webpack 5 完整流水线、Vite 5 原生 ESM + esbuild、Rspack 3 Rust 重写、Turbopack；构建时间 12min → 3min 的真实案例拆解

前端架构师的 AI 时代实战——Web LLM (transformers.js / MediaPipe GenAI)、Chrome Built-in AI、CopilotKit 嵌入式 Copilot、Speculative Decoding、AI 时代的新前端打法

前端架构师的 CSS 视觉层基础——盒模型陷阱、Flex 实战布局套路、Grid 二维网格、容器查询如何替代媒体查询，配套中后台 + 移动端场景

前端架构师的 Electron 实战——主进程 vs 渲染进程模型、IPC 通信、preload 注入、Node API 集成、柔记 PC 客户端 USB Bridge 实战

前端架构师的组件库设计哲学——Design Token 体系、主题定制、文档与示例、API 一致性、版本管理，附 iView + FinUI 设计经验

前端架构师的首屏性能全栈优化——顺丰 ERP 真实案例 5 阶段耗时拆解、关键指标监控、ROI 排序与回归测试，从指标到代码的全链路

前端架构师的框架史通识——Backbone / Knockout / AngularJS 到 React / Vue / Angular / Solid 的演化逻辑，MVVM / Flux / Signal 三种核心思想的对比

11 年前端架构师的自我复盘 + 写给同行的前端进阶地图。从浏览器底层到化神期境界，由浅入深 5 大阶梯 29 篇，覆盖前端工程师成长全路径

前端架构师的工程化实战——CI/CD 流水线、ESLint / Prettier / Husky 规范、PR 评审清单、团队最佳实践沉淀机制，附顺丰 + 柔宇两段工程化经验

前端架构师的监控体系实战——Sentry 错误监控、Web Vitals 性能监控、用户行为回放、顺丰 + 柔宇两段监控沉淀实战

前端架构师的安全攻防速通——XSS 三种类型与防御、CSRF token 策略、CSP 内容安全策略、SRI 子资源完整性，配套 SSO 项目的真实安全设计

前端架构师的测试金字塔——单元测试 / 集成测试 / E2E / 视觉回归四层体系、Vitest / Playwright / Storybook 工具链选型、架构师必会的测试覆盖率策略

前端架构师的网络协议栈速通——HTTP 演进史、TLS 握手优化、HTTP/2 多路复用、HTTP/3 QUIC 原理、浏览器缓存策略与 CDN 选型

前端架构师的混合开发深度——Taro / Uni-app / Ionic / React Native 四大跨端框架对比,编译时 vs 运行时双端方案,信锐 / 联友混合项目实战

前端架构师的 iframe 深度——跨域 / 同源 iframe 隔离、postMessage 通信、FinSpread 30% 授权成本降低实战、微前端沙箱方案

前端架构师的 JS 运行时底层速通——V8 编译流水线、隐藏类与内联缓存、分代 GC、宏任务微任务事件循环，配套性能调优案例

前端架构师的低代码平台设计——Schema 驱动的表单生成、JSON Logic 可视化流程、报表拖拽式配置、半低代码 vs 零代码的工程权衡，附 ERP 半低代码项目实战

前端架构师的微前端深度——Webpack Module Federation 原理、qiankun / micro-app / wujie / Module Federation 三大方案对比、运行时隔离、跨框架实践

前端架构师的包管理深度——pnpm 硬链接节省磁盘、Changesets 语义化版本管理、Turborepo 增量构建，附 ERP Monorepo 多包架构实战

前端架构师的权限系统实战——RBAC 模型、动态路由权限、OAuth 2.0 / JWT 单点登录、SSO 统一权限项目的工程实践

前端架构师的 React 19 内部机制速通——Fiber 协调器双缓冲、Hooks 链表实现、Concurrent 模式可中断渲染、Server Components 原理，附 FinUI 跨框架组件复用实战

前端架构师的移动端适配全栈——viewport meta / rem 适配 / vw 方案 / 容器查询，1px 边框 / 0.5px 线条 / 安全区域 / 横竖屏切换的中后台 + 移动端场景

前端架构师的运行时性能深度——虚拟滚动原理、Web Vitals 长尾优化、虚拟化列表的内存与渲染调优，附 FinSpread 大表格实战案例

前端架构师的角色转变——技术深度 vs 团队广度、3-5 人团队管理、PR 评审机制、技术决策的道与术、面试与晋升的工程哲学

前端架构师的 TS 类型系统深度——泛型 / 条件类型 / infer / 模板字面量类型，从类型体操到 ERP / FinUI / Electron 项目的实战经验

前端架构师的 Vue 3 内部机制速通——Proxy 响应式原理、依赖追踪 / Trigger、VNode Diff 算法、Composition API 设计哲学，附 ERP 财务系统迁移实战

前端架构师的 Web Components 实战——Custom Elements / Shadow DOM / 8 个跨 Vue/React 通用组件的设计哲学、FinUI 跨端组件库的核心抽象

前端架构师的浏览器渲染底层速通——网络层、关键渲染路径、合成层、性能指标，一篇讲清 4.2s → 1.8s 首屏优化的理论基础

大模型不是全知全能——能力边界在哪？幻觉为什么会来？置信度校准、RAG 约束、自我一致性、引用溯源、结构化输出 5 大手段把幻觉压到生产可用

写给前端的推理深潜——KV cache 瓶颈怎么破、PagedAttention 怎么省显存、4 种量化方案选哪个、Speculative Decoding 为什么能 2-3x 提速且零质量损失

纯前端方案给你的 Astro 博客加一个 AI 聊天悬浮机器人，无需后端部署，支持站内搜索、页面导航和 AI 对话。

从单步工具调用到完整 agent 思考循环——ReAct / Plan-and-Execute / Multi-Agent 三大主流架构与生产权衡

Generative UI、Agent 优先、对话即操作——AI 时代 UI 设计的范式转移、实战模式与近未来趋势

RAG 的两个核心依赖怎么选——BGE / OpenAI / Cohere / Voyage 选哪个？Pinecone / Milvus / pgvector / Qdrant / Weaviate 怎么挑？

LLM 怎么调用你的代码——JSON schema 设计、tool 选择、错误处理、Zod 强校验、生产工程陷阱

Token 账单失控怎么治——prompt cache、semantic cache、流式优化、模型路由、自动降级 5 大优化手段

当 observability 有了数据，怎么判断哪个 prompt 更好——评估指标、LLM-as-Judge 实战、回归测试集、Braintrust / Ragas 实践

LLM 安全的 5 道防线——prompt injection 防御、Guardrails AI 实战、输入输出校验、PII 检测、危险操作审批

短期 / 长期 / 语义记忆怎么搭——三种记忆的工程实现、Mem0 架构、上下文窗口管理与生产坑

LLM 应用上线后怎么知道它在干什么——Langfuse 架构、OpenTelemetry GenAI 语义、token 成本监控、生产排错实战

LLM 团队的 5 大工程化实践——prompt 版本化、CI/CD、灰度发布、多模型切换、团队工作流（Monorepo vs 多仓）

不止是"塞 context 进 prompt"——RAG 的演进路线、advanced RAG 五大技法、生产架构的工程陷阱

Starship 是一个 Rust 编写的跨平台终端提示符，毫秒级启动。本文介绍在 macOS 和 Windows 上的安装和基本配置。

写给前端架构师的 LLM 底层速通——Transformer、训练三阶段、推理机制，一次讲清楚

不再"凭感觉选模型"——5 个评估维度、3 套主流选型、API vs 自托管成本算账、混合路由策略

把 LLM 底层知识落地为 prompt 设计技法 — tokenization、context 边界、5 个必会的 prompt 模式

2026 年最新的 Oh My Zsh 安装指南（macOS + Windows）、主题、插件配置、性能优化和开发效率提升。

2026 年最新的 Git 分支管理指南，涵盖核心命令、分支策略、冲突解决和团队协作最佳实践。