Yukiの小窝

从前端视角拆解结构型模式，围绕接口适配、功能扩展与性能权衡，给出适配器、装饰器、代理、桥接、组合、外观、享元的实战代码与耦合对照。

深度解析低代码场景下的 iframe 预览管控体系，包括双触发握手机制、响应式视口模拟及沙箱安全防御，同时探讨 Schema 驱动配置下的版本升级与数据清洗策略。

深度解析 SSR 水合错误的底层机制、高频触发场景，结合大厂工程实践提供同构数据预取与按需挂载方案，并探讨 Serverless 架构下的 SSR 性能瓶颈与状态污染风险。

深入解析浏览器渲染管线底层原理，探讨 transform 硬件加速、3D 核心属性以及 JS 配合 rAF 进行高频动画优化的实战技巧与避坑指南。

深度解析 AI 使用s的四大治理手段、工具链范式演进以及 MCP 协议的底层逻辑，帮助开发者构建高效、安全的 AI 辅助研发工作流。

字节跳动_中国交易与广告（上海）前端面经，围绕 DataAgent 项目、MCP/Agent/Skill/RAG、JS 基础、React 数据更新与性能优化、并发调度手撕题展开。

第一次独立做需求被同事 code review 点醒：新建、编辑、详情三个页面其实可以写在一起，用状态驱动替代页面复制。

2026.04.18随笔

构建 AI 友好的前端工程化体系,通过 AST 静态分析和双引擎文档生成,实现代码即文档的 AI-Native 开发范式。本文详细阐述了如何在 Nuxt 4 项目中建立上下文治理体系,让 AI 成为真正的协作伙伴。

在现有 React 项目中，通过扩展 OpenSpec 自定义 Schema，实现一套完整的"Skill 知识库 + 需求 Loop + 规范驱动实现 + 自动验证"工作流。