篮球口袋教练 HarmonyOS 学习应用(04):篮球战术分类与专项训练模型
战术课不是把所有内容平铺在一个长列表里就结束了。用户需要先看到完整战术范围再按进攻、防守、挡拆或转换迅速缩小范围。篮球口袋教练为战术模块定义固定的子分类再将当前分类状态传给列表过滤逻辑让标签选中态和课程结果来自同一份状态。一、分类定义先于页面展示战术模块提供“全部、进攻、防守、挡拆、转换”五个标签。课程数据也带有所属子分类因此界面并不依靠标题关键字猜测归属。export const TACTICS_SUB_CATEGORIES: SubCategory[] [ { id: all, label: 全部 }, { id: offense, label: 进攻 }, { id: defense, label: 防守 }, { id: screen, label: 挡拆 }, { id: transition, label: 转换 } ]这种模型让新增课程时只需选择已有分类若未来增加“快攻落位”等专题也能新增分类 id而不会在每个页面复制一套筛选分支。二、选中标签怎样驱动课程列表分类页持有当前subCategoryId。当它不是all时先过滤出匹配课程再按既有排序规则排列当它是all时页面按子分类组合展示完整列表。private filtered(): Course[] { const all coursesByModule(this.moduleId) if (this.subCategoryId ! all) { return this.videoFirst(all.filter(c c.subCategory this.subCategoryId)) } return this.groupedCourses(all) }用户动作当前分类课程列表初次进入全部按战术子分类组合展示点击进攻offense只保留进攻课程点击防守defense只保留防守课程再点击全部all恢复完整课程范围三、手机模拟器回读本次在手机模拟器中从首页进入“战术策略”。页面先显示五个标签和包含进攻、防守内容的“全部”列表点击“进攻”后“进攻”标签变为选中态列表回读为“五外站位、底线空切、进攻空间、破全场紧逼”四项。该结果证明标签状态和过滤列表在一次真实动作链中同步变化。四、专项训练入口为什么放在分类页分类页在课程列表之后提供“开始知识测验”入口并带上当前模块 id。这样测验题目可与当前学习主题保持关联课程页无需知道测验的具体实现。分类本身不保存答题分数只负责发起进入测验完成后的记录再由测验服务管理。五、需要明确的边界本次验证覆盖的是战术分类进入、进攻标签切换和课程过滤结果。它不代表每个战术课程都已完成学习也不代表后台存在推荐算法。把数据分类、界面筛选和后续测验入口拆开才能在继续扩充课程时维持清楚的职责边界。

相关新闻

Chrome图片格式转换终极指南:如何一键保存为PNG/JPG/WebP

Chrome图片格式转换终极指南:如何一键保存为PNG/JPG/WebP

Chrome图片格式转换终极指南:如何一键保存为PNG/JPG/WebP 【免费下载链接】Save-Image-as-Type Save Image as Type is an chrome extension which add Save as PNG / JPG / WebP to the context menu of image. 项目地址: https://gitcode.com/gh_mirrors/sa/Sav…

2026/10/20 1:32:27 阅读更多 →
AI生成的PPT,该导出HTML还是PPTX?很多人选错了

AI生成的PPT,该导出HTML还是PPTX?很多人选错了

当下有许多AI工具被用于制作PPT,在完成制作后会让你进行选择:导出HTML还是PPTX?很多人不经过思索就选择HTML,这是因为网页打开就能够进行查看,动画效果还很是酷炫,而且不需要安装Office。 不过&#xff0c…

2026/10/20 1:47:37 阅读更多 →
WinDirStat终极指南:免费开源Windows磁盘分析工具完全使用教程

WinDirStat终极指南:免费开源Windows磁盘分析工具完全使用教程

WinDirStat终极指南:免费开源Windows磁盘分析工具完全使用教程 【免费下载链接】windirstat WinDirStat is a disk usage statistics viewer and cleanup tool for Microsoft Windows 项目地址: https://gitcode.com/gh_mirrors/wi/windirstat 你是否经常遇到…

2026/10/20 1:47:37 阅读更多 →

最新新闻

木门产品知识全解析:从分类、材质到测量安装避坑指南

木门产品知识全解析:从分类、材质到测量安装避坑指南

简介:这是一份面向木门行业从业者(销售、门店人员、安装技工)的产品知识培训资料,以单份doc文档收录,共1个文件,压缩包约3.28MB。内容从门的文化内涵、历史演变切入,系统梳理门按材质、开启方式…

2026/10/20 2:02:14 阅读更多 →
AGI时代开发者指南:大模型应用、RAG与Agent工程实践

AGI时代开发者指南:大模型应用、RAG与Agent工程实践

如果只看表面的技术动态,AGI时代给人的感觉是“模型又变强了”;但站在开发者角度,我更愿意把它理解为一次开发范式的变化:以前我们通过编写规则让软件工作,现在越来越多的工作变成了通过提示词、检索、工具调用和智能体…

2026/10/20 2:02:14 阅读更多 →
把AO接回来:黑线与白底之间差了多少空间关系

把AO接回来:黑线与白底之间差了多少空间关系

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 2:02:14 阅读更多 →
ISO质量认证体系文件落地指南:从PDF到可执行框架与内审闭环

ISO质量认证体系文件落地指南:从PDF到可执行框架与内审闭环

简介:这份PDF资料围绕ISO质量认证体系展开,面向企业质量管理人员、体系推行专员及备考质量管理相关认证的学习者,帮助读者系统理解质量体系认证的起源、标准框架与落地要点。内容从1903年英国“BS”风筝标志讲起,梳理质量认证从产…

2026/10/20 2:02:14 阅读更多 →
OpenCV人脸识别实战:从环境配置到LBPH阈值调优

OpenCV人脸识别实战:从环境配置到LBPH阈值调优

简介:这份资源面向具备Python基础、希望入门机器视觉与人脸识别的开发者与学习者,以OpenCV为核心工具,围绕明星人脸检测与识别这一具体场景展开实战。压缩包共120个文件,以110张jpg与5张jpeg人脸样本图片为主体,另含2个…

2026/10/20 2:02:14 阅读更多 →
EfficientNetV2架构深度解析:tf_efficientnetv2_b3.in1k为何能又快又小?

EfficientNetV2架构深度解析:tf_efficientnetv2_b3.in1k为何能又快又小?

【免费下载链接】tf_efficientnetv2_b3.in1k 项目地址: https://ai.gitcode.com/hf_mirrors/timm/tf_efficientnetv2_b3.in1k 点击查看 免费下载 本文以开源预训练模型 tf_efficientnetv2_b3.in1k 为例,带你快速看懂这个图像分类模型:它仅用…

2026/10/20 2:01:14 阅读更多 →

日新闻

CLRC663芯片Pin-to-Pin替代实战:从评估到量产全记录

CLRC663芯片Pin-to-Pin替代实战:从评估到量产全记录

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →
ESP32舵机控制指南:原理、多路驱动与避坑实战

ESP32舵机控制指南:原理、多路驱动与避坑实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →
位移法实现一阶低通滤波:单片机ADC采样降噪实战

位移法实现一阶低通滤波:单片机ADC采样降噪实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →

周新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型(GMM)的语音识别系统,很多人第一反应就是一堆数学公式,觉得门槛很高。但如果你真的在MATLAB里把它落地跑通,会发现核心其实就是三件事:把声音变成特征向量,用GMM给每个类别…

2026/10/19 10:02:04 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人,但落到具体操作上,无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程:对图像做反白、改调色板、彩色转灰度,最后把像素数据导出成txt文件。单看每一…

2026/10/19 17:32:41 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词,你会发现一个很有意思的现象:每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型,有人指的是运动控制系统,还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/19 1:30:52 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/19 2:54:50 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/19 9:10:22 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/18 12:16:16 阅读更多 →