Yukiの小窝

本周状态低迷决定离职，分享三个月实习的感悟与接下来的秋招、旅游计划。

携程前端面经。重点复盘：React Hooks 与 forwardRef 场景、CJS 与 ESM 的变量导出机制（值拷贝与动态引用）、Flex 布局核心（flex:1 vs auto）、CSS Animation 完全指南。

知乎前端一面面经。重点复盘：低代码表单联动、Intersection Observer 提前加载（正负 margin 的误区）、弱网快速滑动图片优化、箭头函数底层特性以及前端安全与 React 转义机制。

从前端视角重新梳理创建型模式，补全工厂、单例、依赖注入、原型、建造者和对象池的实战代码、耦合对照与 Vue provide/inject 示例。

从前端协作与状态流转视角拆解行为型模式，涵盖发布订阅、策略、状态、责任链、命令、模板方法、迭代器、备忘录、中介者、访问者、解释器的实战写法与耦合对照。

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

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

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

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

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

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