前端工程 · 域地图（MOC）

本域收录前端技术（Vue / JS / CSS / TS / React）的技术理解。 2026-08-16 首次蒸馏：从 B40-资源 的 Vue3 素材（Leo 05_Vue3 78 篇 + Java开发 Vue全家桶 13 篇）提炼出第一批卡，打开本空域。

地图

Vue3（已蒸馏 · 2026-08-16）

• Vue3技术栈总览 — 组件栈地图 + Vue2→Vue3 三大变化 + 学习路径
• 概念卡片：Vue3响应式原理 — ref/reactive/toRef/toRefs 四 API + Proxy
• 概念卡片：Vue3生命周期 — Vue2/Vue3 钩子对照 + setup 取代 beforeCreate/created
• 概念卡片：VueRouter路由机制 — useRouter/useRoute 区别 + 动态路由复用坑
• 概念卡片：Pinia状态管理 — state/getters/actions + storeToRefs

React（已蒸馏 · 2026-08-16）

• React技术栈总览 — 组件栈地图 + React vs Vue 核心区别
• 概念卡片：React组件化与JSX — props 只读 + 单向数据流 + key
• 概念卡片：React状态管理与setState — setState 异步/合并/不可变数据
• 概念卡片：ReactHook — useState/useEffect + 顶层调用顺序规则
• 概念卡片：Redux状态管理 — store/action/reducer + 纯函数
• 概念卡片：ReactRouter路由机制 — Routes/Route + 无内置守卫需自封装
• 概念卡片：Axios数据请求 — 拦截器 + Fetch 不 reject 404/500

基础与工程（已蒸馏 · 2026-08-16）

• 概念卡片：JavaScript现代语法 — 可选链 ?. / 空值合并 ?? / 数组高阶函数 / 真假值
• 概念卡片：CSSFlex布局 — justify-content 主轴 / align-items 交叉轴 / flex:1

待蒸馏

• TypeScript（✅TypeScript 仅空壳 index.md，无实质内容，暂不蒸）

关联

• 上层索引：A00-百科/README
• 操作日志：log