COURSE · 03

JavaScript 基础与页面交互

在响应式学习网站中加入真正的学习记录器,从值与函数学到 DOM、事件和本地保存。

开始第一节
课程
10
预计时间
8h
起点
完成前一门
结课作品
可交互学习记录器

PART 01

掌握语言基础

  1. 01连接脚本与使用 Console理解脚本何时加载,学会用 Console 观察真实值。
  2. 02值、变量与类型用 const 和 let 保存字符串、数字、布尔值与空值,并检查类型。
  3. 03比较、布尔逻辑与条件根据完成数量显示未开始、学习中或已完成三种真实状态。
  4. 04函数、参数与作用域把重复计算封装成输入明确、返回值稳定的函数。
  5. 05数组、对象与数据建模用对象表示一条学习记录,用数组管理多条记录。

PART 02

让页面产生交互

  1. 06选择 DOM 与渲染内容把 JavaScript 数据安全地显示为列表、进度文字和空状态。
  2. 07事件与表单提交监听一次 submit,读取表单数据、验证后加入记录并重新渲染。
  3. 08错误、断点与系统调试从错误信息、调用栈和断点定位根因,而不是随机改代码。
  4. 09用 localStorage 保存状态把数组序列化保存,加载时验证并为损坏数据提供恢复路径。
  5. 10结课项目:完成学习记录器组合数据模型、函数、DOM、事件、错误处理和本地保存,交付可操作的记录器。

隐私选择

必要存储始终启用。只有在你同意后,才会加载可选的访问统计与支持服务。