学习路线规划

24.1 30 天零基础学习计划

第一阶段：JavaScript 入门准备（第 1-3 天）

• 第 1 天：了解 JavaScript 的基本概念、用途和与 HTML/CSS 的关系
• 第 2 天：搭建开发环境，学习使用浏览器控制台和 VS Code
• 第 3 天：编写第一个 JavaScript 程序，学习 alert()、console.log() 和代码注释

第二阶段：JS 基础核心语法（第 4-10 天）

• 第 4 天：学习变量与常量的声明和使用
• 第 5 天：学习数据类型和类型转换
• 第 6 天：学习各种运算符的使用
• 第 7 天：学习条件语句（if、else if、switch）
• 第 8 天：学习循环语句（for、while、do...while）
• 第 9 天：学习函数的定义和调用
• 第 10 天：复习基础语法，完成相关练习

第三阶段：JS 复合数据类型（第 11-15 天）

• 第 11 天：学习数组的创建和常用方法
• 第 12 天：学习对象的创建和属性操作
• 第 13 天：学习字符串的常用方法
• 第 14 天：练习操作复合数据类型
• 第 15 天：复习复合数据类型，完成相关练习

第四阶段：DOM 网页交互核心（第 16-22 天）

• 第 16 天：学习 DOM 基础和元素获取方法
• 第 17 天：学习操作元素内容和属性
• 第 18 天：学习事件基础和事件监听
• 第 19 天：学习常用鼠标事件和键盘事件
• 第 20 天：学习 DOM 节点操作
• 第 21 天：学习表单验证
• 第 22 天：复习 DOM 相关知识，完成相关练习

第五阶段：JS 进阶入门（第 23-28 天）

• 第 23 天：学习定时器的使用
• 第 24 天：学习本地存储的使用
• 第 25 天：学习错误处理和调试技巧
• 第 26 天：练习使用进阶功能
• 第 27 天：复习进阶知识，完成相关练习
• 第 28 天：准备项目实战

第六阶段：综合实战项目（第 29-35 天）

• 第 29 天：完成猜数字游戏
• 第 30 天：完成简易计算器
• 第 31 天：完成待办事项清单
• 第 32 天：完成图片轮播器
• 第 33 天：完成随机颜色生成器
• 第 34 天：完成学生信息管理系统
• 第 35 天：完成响应式购物车、天气查询小工具和个人简历生成器

24.2 JS 学完后进阶方向（Vue/React/ 小程序）

Vue.js

• 特点：渐进式框架，易于学习，生态丰富
• 优势：双向数据绑定，组件化开发，虚拟 DOM
• 学习资源：Vue 官方文档，Vue Mastery 课程
• 应用场景：单页应用，移动端应用，管理系统

React

• 特点：声明式 UI，组件化开发，生态庞大
• 优势：虚拟 DOM，单向数据流，React Native 跨平台
• 学习资源：React 官方文档，React 教程网站
• 应用场景：单页应用，移动端应用，大型网站

小程序

• 特点：轻量级，无需下载安装，用户体验好
• 优势：开发成本低，流量入口多，易于推广
• 学习资源：微信小程序官方文档，支付宝小程序文档
• 应用场景：生活服务，电商，工具类应用

24.3 新手必练 100 道练习题

基础语法练习（1-20）

1. 输出 "Hello, World!"
2. 计算两个数的和
3. 判断一个数是奇数还是偶数
4. 计算 1-100 的和
5. 打印九九乘法表
6. 反转字符串
7. 判断回文数
8. 计算阶乘
9. 生成随机数
10. 转换温度单位
11. 计算BMI指数
12. 判断闰年
13. 分解质因数
14. 冒泡排序
15. 选择排序
16. 插入排序
17. 二分查找
18. 斐波那契数列
19. 最大公约数
20. 最小公倍数

复合数据类型练习（21-40）

21. 数组去重
22. 数组排序
23. 数组最大值和最小值
24. 数组求和
25. 数组平均值
26. 数组筛选
27. 数组映射
28. 数组归约
29. 对象遍历
30. 对象深度克隆
31. 字符串长度统计
32. 字符串首字母大写
33. 字符串分割和合并
34. 字符串替换
35. 字符串查找
36. 字符串截取
37. 字符串大小写转换
38. 计算字符串中字符出现次数
39. 数组扁平化
40. 对象数组排序

DOM 操作练习（41-60）

41. 动态创建元素
42. 修改元素内容
43. 修改元素样式
44. 添加和删除类名
45. 事件监听和处理
46. 表单验证
47. 鼠标事件练习
48. 键盘事件练习
49. 表单事件练习
50. 事件委托
51. 动态添加列表项
52. 图片轮播
53. 模态框
54. 选项卡切换
55. 折叠面板
56. 滚动事件
57. 拖拽功能
58. 放大镜效果
59. 倒计时
60. 实时搜索

进阶功能练习（61-80）

61. 定时器练习
62. 本地存储练习
63. 错误处理练习
64. 异步操作练习
65. Promise 练习
66. async/await 练习
67. 防抖和节流
68. 深拷贝和浅拷贝
69. 函数柯里化
70. 闭包练习
71. 原型和原型链
72. 继承实现
73. 模块化开发
74. 正则表达式练习
75. JSON 操作
76. 日期时间处理
77. 数学函数练习
78. 随机颜色生成
79. 随机密码生成
80. 数据可视化基础

综合项目练习（81-100）

81. 猜数字游戏
82. 简易计算器
83. 待办事项清单
84. 图片轮播器
85. 随机颜色生成器
86. 学生信息管理系统
87. 响应式购物车
88. 天气查询小工具
89. 个人简历生成器
90. 时钟
91. 倒计时器
92. 贪吃蛇游戏
93. 井字棋游戏
94. 计算器（高级）
95. 图片画廊
96. 表单验证（高级）
97. 本地存储待办事项
98. 实时聊天界面
99. 数据可视化图表
100. 响应式布局练习