云上学习任务看板

将云技术学习目标整理成每天看得见、可以勾选和导出的个人任务清单。

作品用途

学习云技术时，资料往往分散在产品文档、实验手册和课程中。知道要学什么，并不等于能持续记录进度。本作品把目标拆成一张张任务卡片，让使用者为任务设置说明、学习周期、技术分类与预估分值，在同一页面查看待完成事项和完成情况。它适合个人自学、每周复盘和短期技术学习计划。

这是使用华为云 AI 开发者空间辅助生成的原创单页应用。代码全部位于 index.html，使用原生 HTML、CSS 和 JavaScript，没有外部运行依赖，不需要安装前端工具链或构建。下载源码后可以直接在现代浏览器中打开；也可以使用 python3 -m http.server 8080 启动静态预览，然后访问 http://localhost:8080。

核心功能

• 创建任务：填写标题、说明、每日/每周/一次性周期、技术类别和预估分值。
• 跟踪进度：点击任务左侧的方框标记完成，再次点击可以恢复待完成状态。
• 快速筛选：按完成状态和学习周期组合筛选，减少长清单带来的查找成本。
• 本地保存：任务变更保存在当前浏览器的 localStorage 中，刷新页面后仍可继续使用。
• Markdown 导出：把当前任务列表按周期分组，生成带复选框的学习记录，便于归档到笔记。

页面上方展示总任务数、已完成数、待完成数和已完成任务的预估分值合计。任务卡片同时显示周期、类别与分值。窄屏下表单切换为单列，工具栏允许换行，方便在手机上查看。

实现结构

flowchart TD
  A[浏览器中的用户操作] --> B[任务创建与完成状态]
  B --> C[JavaScript 任务数组]
  C --> D[统计卡片与筛选列表]
  C --> E[localStorage 本地保存]
  E --> C
  C --> F[Markdown 文件导出]

数据处理集中在浏览器内：创建、勾选和删除操作修改任务数组，统一渲染入口更新统计和列表，保存函数把数组写入 localStorage。筛选只影响显示，不会删除任务。导出通过 Blob 与浏览器下载机制生成文本文件，不依赖后端。界面输出任务标题和说明前会进行 HTML 文本转义，避免把用户输入当成页面标签执行。

实际验证

已在公开预览页面中通过界面创建临时任务、标记完成、刷新页面验证状态保留，并检查完成状态筛选。验证结束后删除了临时任务，恢复示例清单。在线预览运行于临时开发环境；环境到期后，仍可从本仓库下载源码继续使用。

数据与使用边界

示例清单只是学习规划参考。页面中的分值由使用者自行填写，不会查询或改变华为云官方任务、积分或认证记录。每日和每周字段用于分类规划，当前版本不会在日期变化时自动重置任务。任务数据只属于当前浏览器和当前站点地址，不会跨设备同步；清理站点数据会移除记录，请及时导出 Markdown。

继续改进的方向

后续可以按实际需要增加任务编辑、可选的周期重置和文件导入。当前版本聚焦在创建、记录、筛选、导出这一条完整的学习记录流程，保持单文件、易打开和易保存的使用方式。