ApacheCN 官方标志 ApacheCN 开 源 知 识 · 连 接 世 界

前端

从 JavaScript 基础到 Vue 应用，先理解语言，再动手构建页面。

← 返回全部分类

建议学习顺序

  1. 掌握 Web 与语言基础

    先了解 HTML、CSS，再学习 JavaScript。

    现代 JavaScript 教程中文版 → MDN Web 开发中文教程 →

  2. 补充语言与类型知识

    深入 JavaScript，并按项目需要了解 TypeScript。

    写给不耐烦程序员的 JavaScript → TypeScript 入门教程 →

  3. 构建交互页面

    在 Vue 与 React 中选择一个框架，练习组件和状态管理。

    Vue 官方中文文档 → React 官方中文文档 →

  4. 补充工程化与应用工具

    按项目需要学习构建工具、路由、状态管理、内容网站与自动化测试。

    Vite 官方中文文档 → Pinia 官方中文文档 → Vue Router 官方中文文档 → Astro 官方中文文档 → Vitest 官方中文文档 →

全部文档（11）

文档入口

MDN Web 开发中文教程

学习 HTML、CSS、JavaScript 和 Web 开发基础，按学习模块逐步实践。

MDN 中文文档 / 社区翻译 · 在线学习模块 / 翻译进度因章节而异
HTML CSS JavaScript
中文技术资料 中文文档
文档入口

TypeScript 入门教程

社区原创的 TypeScript 入门资料，从 JavaScript 经验进入类型系统。

社区原创教程 · 在线教程 / 请对照当前 TypeScript 版本
TypeScript JavaScript 类型系统
中文技术资料 中文文档
持续维护

Vue 官方中文文档

学习 Vue 的组件、响应式机制与应用开发，阅读官方中文指南。

官方中文翻译 · 持续演进 / 以原文标注版本为准
Vue JavaScript 前端
★ 1.3k 中文文档
文档入口

React 官方中文文档

学习组件、JSX、事件、状态及组件间的数据共享。

官方中文文档 · React 19.2 / 以原站版本为准
React JavaScript 前端
中文技术资料 中文文档
文档入口

Vite 官方中文文档

学习前端开发服务器、项目创建与生产构建，了解 Vite 的开发工作流。

官方中文文档 · 在线文档 / 版本与翻译进度以原站为准
Vite 构建工具 前端
中文技术资料 中文文档
文档入口

Pinia 官方中文文档

学习 Vue 状态管理，理解 Store、State、Getter 与 Action 的组织方式。

官方中文文档 · 在线文档 / 版本与翻译进度以原站为准
Pinia Vue 状态管理
中文技术资料 中文文档
文档入口

Vue Router 官方中文文档

从路由配置、导航与组件入手，为 Vue 应用组织页面和 URL。

官方中文文档 · 在线文档 / 版本与翻译进度以原站为准
Vue Router Vue 路由
中文技术资料 中文文档
文档入口

Astro 官方中文文档

学习创建内容型网站，了解 Astro 组件、群岛架构与内容集合。

官方中文文档 · 在线文档 / 版本与翻译进度以原站为准
Astro 静态站点 前端
中文技术资料 中文文档
文档入口

Vitest 官方中文文档

从安装和第一个测试开始，学习测试用例、断言与测试运行方式。

官方中文文档 · 在线文档 / 版本与翻译进度以原站为准
Vitest 测试 JavaScript
中文技术资料 中文文档