rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8b83f63235cc36353f7fc03c05dee40ff0434dc9
front-end-example/04-dom-events-async/10-final-dashboard/README.md
charlie f3bdaa4e88 feat: add TypeScript lessons and learning panel 
- Introduced a new script to check TypeScript lesson files for errors.
- Created a main TypeScript file to render lessons and their details.
- Added lesson definitions with starter and answer codes.
- Implemented a user interface for navigating and running lessons.
- Styled the application with CSS for a better user experience.
- Updated README to reflect the new TypeScript section and usage instructions.
2026-03-19 10:06:11 +08:00

1.0 KiB
Raw Blame History

练习 10：综合页面

目标

把 DOM、事件和异步知识拼起来，做一个可以真实互动的小页面。

项目名称

学习面板

任务

请完成一个控制台之外可见的页面交互，要求至少包含：

  • 一个课程列表区域
  • 一个表单区域
  • 一个添加课程的交互
  • 一个点击课程切换完成状态的交互
  • 一个异步加载提示或远程数据模拟
  • 清晰的状态文案更新

建议顺序

  1. 先看 HTML 结构
  2. 先写元素获取和渲染函数
  3. 再写表单提交和点击事件
  4. 最后补异步加载逻辑

文件