Skip to content

JavaScript 学习指南从零基础到迈向 Vue 3

面向大学生的系统化教程 —— 打好地基,才能驾驭 AI 时代的前端开发

学习路线 ​

本指南按「三层递进」组织,建议按顺序学习:

阶段内容目标
基础篇语法、函数、数组对象、DOM、事件能独立写出有交互的网页
核心概念作用域、闭包、this、原型、异步、fetch能读懂别人(和 AI)写的代码,应对面试
拓展篇工程化、存储、常用技巧、AI 协作具备真实项目开发的入门能力,衔接 Vue 3

如何使用本指南 ​

  1. 每一节都动手敲一遍代码。 看懂 ≠ 会写,肌肉记忆很重要。
  2. 做完每节末尾的练习再往下走。 练习题都配有可展开的参考答案,先自己做,再对照。
  3. 善用 AI,但别让 AI 替你学。 让 AI 解释代码、帮你排错、出题考你都很好;直接复制 AI 的答案交作业,吃亏的是自己 —— 面试官会要求你当场改代码。具体方法见与 AI 一起学前端。
  4. 遇到不懂的词就去查。 MDN(developer.mozilla.org)是前端最权威的中文文档,养成查文档的习惯。

学完之后 ​

学完本指南,你应该能够:

  • 独立完成一个带表单校验、列表渲染、接口请求的静态项目;
  • 看懂并修改一段陌生的 JS 代码,说清楚它在做什么;
  • 回答常见面试题:闭包是什么?this 指向谁?Promise 解决了什么问题?
  • 带着正确的知识结构进入 Vue 3 的学习。

为课堂教学而作 · 基于 VitePress 构建