前言

Vue 3 是前端框架的里程碑。相比Vue 2：

Vue 2:
  ├─ Options API（选项式）
  ├─ 全局Vuex状态管理
  └─ 类型支持差

Vue 3:
  ├─ Composition API（组合式）← 更优雅
  ├─ Pinia状态管理 ← 更简洁
  ├─ 完整TypeScript支持
  └─ 3倍更快 ← 重写了响应式系统

前后端协作最佳实践：从接口设计到联调流程

前言

如果你经历过前后端联调时的"死亡问答"——"这个接口怎么还没好？""返回的字段和文档不一样啊""我这里明明是200，为什么算失败"——你就知道，一个好的协作流程有多重要。

前后端协作的本质是接口契约驱动的并行开发。本文系统梳理从接口设计、Mock、联调到上线的最佳实践，帮你告别反复扯皮的联调噩梦。

一、接口先行：API 文档驱动的协作模式

1.1 传统协作的痛点

传统流程（串行）：
  后端开发接口 → 前端等接口 → 联调 → 改需求 → 重新联调
  时间：15 天（等待占了 7 天）

接口驱动流程（并行）：
  定接口 → 后端开发（7天）＋ 前端 Mock 开发（7天）→ 联调（1天）
  时间：8 天

后端眼中的前端：React 核心概念快速上手

前言

作为一个 Java 后端开发者，你可能和我一样：能写出漂亮的后端架构，但一到前端就感觉手足无措。其实，React 的核心概念和后端开发有很多相通之处——组件化思想类似服务拆分、状态管理类似缓存设计、数据流类似消息传递。

本文从一个后端开发者的视角，帮你快速理解 React 的核心概念，掌握关键的思维转换，让你能在需要时写出能用的前端代码。

一、前端发展简史：理解 React 为什么出现

1.1 jQuery 时代（2006-2013）

MFSU 完全指南：从入门到精通

1. MFSU 简介

1.1 什么是 MFSU？

MFSU（Micro Frontend Single Page Application）是一个基于微前端架构的单页应用开发框架。它旨在解决大型前端项目中常见的痛点，如：

• 代码复用：通过微应用实现组件和功能的复用
• 独立部署：各微应用可以独立开发、测试和部署
• 技术栈无关：不同微应用可以使用不同的技术栈
• 团队协作：多个团队可以并行开发不同的微应用
• 渐进式升级：可以逐步迁移旧项目到新技术栈

TypeScript 完全指南：从入门到精通

目录

1. TypeScript 简介

TypeScript 是由微软开发并维护的开源编程语言，它是 JavaScript 的超集，添加了静态类型系统和基于类的面向对象特性。TypeScript 代码最终会被编译（转译）为纯 JavaScript 代码，可以在任何支持 JavaScript 的环境中运行。

1.1 为什么选择 TypeScript？

• 静态类型检查：在编译阶段就能发现类型错误，减少运行时错误
• 更好的 IDE 支持：智能提示、自动补全、重构等功能
• 代码可读性：类型注解让代码意图更清晰
• 大型项目友好：类型系统帮助管理复杂的项目结构
• 渐进式采用：可以逐步将 JavaScript 项目迁移到 TypeScript