月亮有石头

本文探讨了大语言模型（LLM）在前端与后端开发中的应用与取代可能性。虽然AI可以自动化前端中的标准化任务（如UI布局生成、代码补全），而后端开发中的结构化任务如API设计、数据库优化更容易被AI取代

当 AI 能写代码后，真正的挑战不再是 prompt，而是工程治理。本文提出用 AGENTS.md 将工程规范前置为可审计、可复用的资产，并给出一个跨工具的最小实践 playbook。

会让 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 控制方式。