记录技术、产品细节， 也记录长期项目里的
节奏与判断。

前端开发模式的改变：人负责判断，Agent 负责执行闭环，围绕任务边界、验收标准、代码审查、自动化测试和知识沉淀展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Claude Code 与 Gemini CLI：前端协作模式对比，围绕长上下文、命令执行、代码解释、重构建议和多工具协作展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Codex 在前端开发中的实践：从任务说明到可验证提交，围绕阅读代码、制定改动、执行测试、浏览器验证和变更说明展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Agent 前端排行分析：评估标准比名次更重要，围绕上下文管理、工具调用、代码修改质量、回归验证和团队落地展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

2026 前端如何适配 AI：从工具接入到流程重构，围绕需求拆解、代码生成、测试补全、设计还原和知识库检索展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端发布流水线：从构建产物到灰度验证，围绕环境变量、产物校验、静态资源上传、灰度规则和回滚预案展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

多端登录态设计：Web、App 与小程序如何统一，围绕Token 生命周期、刷新机制、设备维度、退出登录和风控信号展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

uni-app 原生插件接入：前端与客户端的协作边界，围绕插件声明、桥接通信、权限配置、错误码设计和联调流程展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端缓存策略：HTTP 缓存、运行时缓存与数据缓存，围绕强缓存、协商缓存、Service Worker、查询缓存和失效时机展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vite 大型项目拆包：从可见指标开始优化，围绕chunk 策略、动态导入、依赖分析、缓存命中和首屏资源展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端 AI 组件：聊天框之外的交互设计，围绕建议补全、结构化生成、可撤销操作、权限确认和结果解释展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

移动端热更新治理：能力越大越需要边界，围绕灰度策略、回滚机制、版本兼容、审核合规和监控验证展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

WASM 在前端业务里的落地判断，围绕计算密集场景、语言选择、加载成本、调试难度和团队能力展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vue Vapor Mode 的想象空间与现实约束，围绕无虚拟 DOM、编译期优化、生态兼容和迁移边界展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

React 19 时代的表单与服务端交互思路，围绕Actions、乐观更新、表单状态、错误边界和渐进增强展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端监控体系：从异常捕获到业务可观测性，围绕JS 异常、资源错误、接口错误、性能指标和用户行为链路展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

跨端 UI 组件库的维护策略：uni-app 与小程序场景，围绕主题变量、平台差异、插槽设计、文档示例和版本发布展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端路由新问题：文件路由、数据路由与权限路由，围绕路由元信息、服务端数据、权限守卫、懒加载和面包屑生成展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Web Worker 在 2025 年的实用场景，围绕大数据计算、文件解析、图像处理、消息通信和内存拷贝展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vite 7 分析：构建工具继续向哪里演进，围绕开发服务器、Rolldown 预期、插件兼容、缓存和大型项目体验展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

uniPush 2.0 详解：消息通道、厂商推送与到达率，围绕在线推送、离线推送、厂商通道、透传消息和统计回执展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

安卓平台发布：前端视角下的打包、签名与上架，围绕包名、签名证书、渠道包、权限申请和崩溃监控展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

iOS 平台发布：证书、描述文件与审核风险，围绕Bundle ID、证书、Provisioning Profile、隐私清单和审核材料展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

uni-app CLI 分析：多端构建背后的约束，围绕项目模板、编译目标、平台条件、插件机制和产物结构展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

2025 前端热点问题：AI 辅助开发后的工程治理，围绕AI 生成代码审查、测试补强、规范固化和知识库沉淀展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vite 插件编写入门：钩子、虚拟模块与转换链路，围绕resolveId、load、transform、虚拟模块和调试方式展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Three.js 生态里的 React Three Fiber 是否值得引入，围绕声明式场景、组件化资产、渲染循环控制和学习成本展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端图表插件选型：ECharts、G2 与轻量方案，围绕交互能力、渲染性能、移动端适配、主题和数据规模展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Bun 与 Node.js 混用项目的风险清单，围绕API 兼容、原生模块、锁文件、CI 镜像和生产观测展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Taro 工程化实践：组件库、路由与请求封装，围绕目录分层、跨端组件、请求适配、状态管理和构建配置展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Three.js 性能优化：几何体合批、纹理与实例化，围绕draw call、纹理压缩、InstancedMesh、LOD 和资源释放展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Electron 自动更新与发布链路设计，围绕版本通道、差分更新、签名、灰度发布和回滚策略展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

TanStack Query 插件生态：服务端状态应该怎么管，围绕查询缓存、失效策略、并发请求、乐观更新和错误重试展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

UnoCSS 与 Tailwind CSS：原子化 CSS 的两种路线，围绕预设、按需生成、设计约束、团队协作和构建速度展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vite 性能分析：冷启动、热更新与构建瓶颈，围绕依赖预构建、模块图、HMR 边界、Rollup 输出和缓存展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Bun 使用体验：运行时、包管理与测试一体化，围绕启动速度、兼容性、内置 bundler、测试器和迁移成本展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Taro 多端开发：统一不是没有差异，围绕编译目标、端能力差异、样式兼容和条件编译展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Three.js 常规使用与生态：从场景到资产管线，围绕Scene、Camera、Renderer、材质、光照和 glTF 资产展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

2024 前端热门插件分析：选择插件前先看维护模型，围绕下载量、维护频率、类型支持、包体积和替换成本展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Electron 常规使用：桌面端项目的架构分层，围绕主进程、渲染进程、预加载脚本、IPC 和安全配置展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端安全热点：XSS、供应链与权限边界，围绕输入输出转义、依赖审计、令牌存储和最小权限展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

包管理器演进：npm、pnpm、yarn 的工程差异，围绕依赖安装模型、幽灵依赖、monorepo 和锁文件策略展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Next.js App Router 对前端分层的影响，围绕路由约定、服务端数据、缓存策略和客户端交互边界展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

浏览器事件循环：宏任务、微任务与渲染时机，围绕任务队列、Promise、requestAnimationFrame 和渲染流水线展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

低代码平台的前端底座：Schema、渲染器与扩展点，围绕页面 schema、物料协议、运行时渲染和二次开发展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端测试金字塔在业务项目里的落地，围绕单元测试、组件测试、端到端测试和用例选择展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vue diff 算法通俗分析：key 的意义到底是什么，围绕同层比较、最长递增子序列、key 复用和 DOM 移动展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

React 渲染优化：memo 不是万能答案，围绕组件粒度、引用稳定性、状态下沉和 profiler 定位展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

微前端在 2023 年的真实成本，围绕组织边界、运行时隔离、依赖共享和发布治理展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端性能指标从 FCP 到 INP 的理解路径，围绕加载性能、交互延迟、长任务拆分和监控闭环展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vue Composition API 的组织方式：逻辑复用不是简单抽函数，围绕组合式函数、响应式泄漏、生命周期封装和测试方式展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

React Server Components 的价值与迁移风险，围绕服务端组件、客户端边界、数据获取位置和打包体积展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vite 在 2023 年为什么成为默认选项，围绕开发期 ESM、生产期 Rollup、依赖预构建和插件生态展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

TypeScript 类型体操的实际边界，围绕类型推导、泛型约束、工具类型和可维护性边界展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

React Hooks 底层：闭包、链表与稳定调用顺序，围绕Hooks 链表、闭包快照、依赖数组和副作用提交展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vue 编译器底层：模板如何变成高效渲染函数，围绕parse、transform、codegen、静态提升和 patch flag展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

前端状态管理的边界：Redux、Pinia 与轻量 Store，围绕状态归属、派生数据、服务端缓存和组件本地状态的拆分展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

React Fiber 底层分析：为什么更新可以被中断，围绕Fiber 节点、Lane 优先级、render 阶段与 commit 阶段展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

Vue 响应式底层：从依赖收集到调度队列，围绕Proxy 拦截、effect 依赖收集、批量调度和避免重复渲染展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。

2023 前端热点复盘：从工程化到运行时体验，围绕前端工程化、SSR、组件运行时和研发效率之间的关系展开，给出背景、底层逻辑、工程落地和风险边界，便于在真实前端项目中判断取舍。