JavaScript学习路线图

‌第一阶段：基础语法（2-3周） ‌

1. ‌核心语法‌

   • 变量声明（let/const）、数据类型、运算符
   • 条件语句（if-else/switch）、循环（for/while）
   • 函数定义、参数传递、返回值 推荐资源：MDN JavaScript指南 / 菜鸟教程JS基础

2. ‌复合数据类型‌

   • 数组方法（map/filter/reduce）
   • 对象操作（属性访问、方法定义）

// 示例：数组筛选

const numbers = [1, 2, 3, 4]; const even = numbers.filter(n => n % 2 === 0); // [2, 4]

3. ‌DOM与事件‌

   • 元素选取（querySelector）、内容/样式修改
   • 事件监听（click/input）、事件对象 实战：构建简易计算器/Todo列表

‌第二阶段：进阶技能（3-4周） ‌

1. ‌异步编程‌

   • 回调函数 → Promise → async/await
   • 实战API调用（Fetch/Axios）

2. ‌ES6+特性‌

   • 箭头函数、解构赋值、模板字符串
   • 模块化（import/export）

3. ‌工具链‌

   • 包管理（npm/yarn）、构建工具（Webpack/Vite）
   • Git基础操作（提交/分支）

‌第三阶段：框架与工程化（4-6周） ‌

1. ‌前端框架（二选一） ‌

   • ‌Vue3‌：组合式API、Pinia状态管理
   • ‌React‌：Hooks、Redux/Zustand

2. ‌样式与优化‌

   • CSS预处理器（Sass/Less）
   • 性能优化（懒加载/代码分割）

3. ‌项目实战‌

   • 电商页面（Vue/React + 路由）

   • 全栈应用（Node.js + Express）