专注看板 FocusBoard — 个人任务管理与效率分析系统产品系统

立项原因：个人与小团队的日常任务分散在备忘录、聊天记录和表格中，缺乏统一的流转与复盘工具，导致优先级混乱、进度不可见、效率无法量化。本作品旨在提供一个开箱即用的轻量级任务管理与分析工具。行业场景：适用于互联网团队的敏捷迭代看板、远程办公者的个人 GTD 管理、自由职业者的多项目进度跟踪等业务背景，是项目管理与效率办公赛道的基础组件。

项目包含四大功能模块：（1）看板任务模块：待办、进行中、已完成三列看板，任务卡片支持跨列拖拽流转、新建、编辑、删除，可设置高/中/低优先级与截止日期；（2）效率统计模块：任务总数、完成率、进行中等核心指标卡片，以及近 7 日新增/完成趋势组合图、任务优先级分布环形图；（3）主题与搜索模块：暗色/亮色双主题一键切换并持久化记忆，任务标题实时搜索过滤；（4）数据管理模块：基于 localStorage 的本地持久化，支持一键导出 JSON 备份文件。主要功能概述：以看板为交互核心，让用户直观地管理任务全生命周期，并通过可视化数据量化个人产出效率。

本人独立负责全部工作：需求分析、交互与 UI 设计、前端开发、数据可视化实现与测试。技术栈与架构：原生 HTML5 + CSS3 + JavaScript（ES6+），零第三方依赖；采用数据层/视图层/交互层分离的轻量架构，统一状态管理与 localStorage 持久化。实操亮点：使用原生 HTML5 Drag & Drop API 实现看板拖拽（含拖拽跟随动效与投放区高亮）；Canvas 2D 手写趋势组合图与环形图，手工处理 devicePixelRatio 高分屏适配与主题联动重绘；基于 CSS Variables 实现双主题系统。难点：拖拽事件与列容器命中判定、Canvas 图表在无依赖条件下的布局计算与抗模糊处理。