月亮有石头

上个月，我刚过完30岁生日。 没有办派对，就和家人简单吃了顿饭。但在吹蜡烛的那个瞬间，我还是恍惚了一下。 30岁，对于一个干了8年的前端来说，到底意味着什么？ 前几天，我在做团队下半年的规划，看着表格

会让 AI 写代码，并不等于真正入门。本文从工程视角拆解前端开发者使用 AI 的能力层级，指出只有将 AI 纳入工程链路，用上下文、规格与验证闭环对抗幻觉，才能实现稳定、可回归的工程化交付。

从前端工程全流程出发，系统拆解 AI 在各环节的能力与边界，提出以 Spec 驱动、工程链路兜底的使用范式，帮助团队安全、可规模化地引入 AI。

结合工程实践，提出一种更稳妥的方式：通过 Template + Spec + Generator，把 AI 的不确定性纳入工程流程，实现可审计、可回滚、可规模化的中后台页面开发，并给出一条可进化的实践

从一个常见的“子表单校验 + 组装 payload”示例出发，对比了初级（面条式写死）、中级（按模块抽工具函数）、高级（模板方法 + 策略的通用 getPayload），到架构阶段的演进过程。

.sync 则通过约定事件 update:propName，让子组件可上抛修改意图，由父组件执行更新，从而在不破坏单向数据流的前提下实现“受控同步”。它统一了父子通信模式，简化代码，保持数据流向清晰。

Vue2、Vue3、React、Angular 常见视图不更新原因：Vue2 新增属性需 $set；Vue3 有解构丢响应等坑；React 需引用变化；Angular OnPush 需换引用或手动检测

本文基于 Vue 中后台系统开发实践，讲解如何通过配置驱动与状态响应式控制构建高内聚、可扩展的菜单系统，结合策略模式、观察者模式与函数式编程思想，实现结构清晰、低耦合、状态驱动的 UI 控制方式。

本文记录了在 macOS 上搭建 Flutter 开发环境的完整流程，包括 SDK 下载、环境变量配置、项目创建与运行，以及解决 Web 模式字体加载失败导致文字不显示的问题