Domania Source Viewer/URL Extractor
Source for
http://loole.info
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>快乐运动会计划</title> <meta name="description" content="快乐运动会技能获得›线计划工具，帮助运动员和教练科学计划技术动作学习路径，提›最优技能获得›线、学习周期计划和瓶颈预‹，加速技能掌握›‹。"> <meta name="keywords" content="技能获得›线,技能学习计划,技术动作学习,学习路径计划,快乐运动会,技能学习周期,运动技能提升,学习瓶颈预‹"> <!-- 使用›内CDN引入Bootstrap和Chart.js --> <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.staticfile.org/animate.css/4.1.1/animate.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> </head> <body> <!-- 导航栏 --> <nav class="navbar navbar-expand-lg sticky-top"> <div class="container"> <a class="navbar-brand" href="/"> <i class="fas fa-chart-line me-2"></i>快乐运动会 </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link active" href="/"> <i class="fas fa-chart-line me-1"></i>技能计划 </a> </li> <li class="nav-item"> <a class="nav-link" href="breakdown.html"> <i class="fas fa-project-diagram me-1"></i>技能分解 </a> </li> <li class="nav-item"> <a class="nav-link" href="bottleneck.html"> <i class="fas fa-traffic-light me-1"></i>瓶颈突破 </a> </li> </ul> </div> </div> </nav> <!-- 主内容区 --> <div class="container py-4"> <!-- 页面标题 --> <div class="row mb-4"> <div class="col-lg-8 mx-auto text-center"> <h1 class="display-5 mb-3 fw-bold text-primary">快乐运动会计划</h1> <p class="lead text-muted">科学计划技能学习路径，优化学习周期，加速技能掌握›‹</p> </div> </div> <!-- 主要功能区 --> <div class="row"> <!-- 左侧参数设置区 --> <div class="col-lg-4"> <div class="card mb-4"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-sliders-h me-2"></i>技能获得参数设置 </h5> </div> <div class="card-body"> <form id="skillAcquisitionForm"> <!-- 基本信息 --> <div class="mb-3"> <label for="sportType" class="form-label">运动项›</label> <select class="form-select" id="sportType" required> <option value="" selected disabled>选‹项›类‹</option> <option value="gymnastics">体操</option> <option value="swimming">游泳</option> <option value="diving">跳水</option> <option value="athletics">田径</option> <option value="basketball">篮球</option> <option value="football">足球</option> <option value="volleyball">排球</option> <option value="tennis">网球</option> <option value="badminton">羽›球</option> <option value="tabletennis">乒乓球</option> <option value="martial">武术</option> <option value="skating">滑冰</option> <option value="skiing">滑›</option> <option value="other">其他项›</option> </select> </div> <div class="mb-3"> <label for="skillName" class="form-label">›标技能/动作</label> <input type="text" class="form-control" id="skillName" placeholder="‹如：前空翻、蝶泳转身、三分投篮..." required> </div> <!-- 当前技能水平与›标 --> <div class="mb-3"> <label class="form-label">当前技能水平</label> <div class="d-flex align-items-center"> <input type="range" class="form-range flex-grow-1 me-2" id="currentLevel" min="0" max="90" step="5" value="25"> <span class="badge bg-primary" id="currentLevelValue">25%</span> </div> <div class="form-text">估计您当前对这项技能的掌握‹度</div> </div> <div class="mb-3"> <label class="form-label">›标技能水平</label> <div class="d-flex align-items-center"> <input type="range" class="form-range flex-grow-1 me-2" id="targetLevel" min="40" max="100" step="5" value="85"> <span class="badge bg-success" id="targetLevelValue">85%</span> </div> <div class="form-text">设定您希›达到的技能掌握‹度</div> </div> <!-- 学习时间设置 --> <div class="mb-3"> <label class="form-label">学习时间</label> <div class="input-group"> <input type="number" class="form-control" id="learningTimeValue" min="1" max="52" value="8" required> <select class="form-select" id="learningTimeUnit" style="max-width: 100px;"> <option value="weeks" selected>周</option> <option value="months">月</option> </select> </div> <div class="form-text">您计划投入的时间</div> </div> <div class="mb-3"> <label for="weeklyHours" class="form-label">每周训练时间 (小时)</label> <input type="number" class="form-control" id="weeklyHours" min="1" max="40" value="10" required> <div class="form-text">您每周能够投入的训练时间</div> </div> <!-- 学习者特性 --> <div class="mb-3"> <label class="form-label">学习者特性 (多选)</label> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="quickStarter" name="learnerTraits" value="quickStarter"> <label class="form-check-label" for="quickStarter">快速起步‹ (前期学习迅速)</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="consistentLearner" name="learnerTraits" value="consistentLearner" checked> <label class="form-check-label" for="consistentLearner">稳步学习‹ (学习速度平稳)</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="analyticalLearner" name="learnerTraits" value="analyticalLearner"> <label class="form-check-label" for="analyticalLearner">分析‹ (喜欢理解原理)</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="experientialLearner" name="learnerTraits" value="experientialLearner"> <label class="form-check-label" for="experientialLearner">体验‹ (通过实践学习)</label> </div> </div> <!-- 已有技能基础 --> <div class="mb-3"> <label class="form-label">已有技能基础 (多选)</label> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="fundamentals" name="existingSkills" value="fundamentals" checked> <label class="form-check-label" for="fundamentals">掌握›关基础技能</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="prerequisites" name="existingSkills" value="prerequisites"> <label class="form-check-label" for="prerequisites">掌握前置技能</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="similarSkills" name="existingSkills" value="similarSkills"> <label class="form-check-label" for="similarSkills">掌握类似技能</label> </div> </div> <!-- 限制›素 --> <div class="mb-3"> <label class="form-label">可能的限制›素 (多选)</label> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="physicalLimitation" name="limitations" value="physical"> <label class="form-check-label" for="physicalLimitation">身体条件限制</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="fearLimitation" name="limitations" value="fear"> <label class="form-check-label" for="fearLimitation">存在心理恐惧</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="equipmentLimitation" name="limitations" value="equipment"> <label class="form-check-label" for="equipmentLimitation">设备/场地限制</label> </div> <div class="form-check mb-2"> <input class="form-check-input" type="checkbox" id="timeLimitation" name="limitations" value="time"> <label class="form-check-label" for="timeLimitation">训练时间不连贯</label> </div> </div> <div class="d-grid gap-2"> <button type="button" id="generateCurve" class="btn btn-primary"> <i class="fas fa-chart-line me-2"></i>生成技能获得›线 </button> <button type="button" id="resetForm" class="btn btn-outline-secondary"> <i class="fas fa-redo me-2"></i>重置 </button> </div> </form> </div> </div> <!-- 学习建议卡片 --> <div class="card"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-lightbulb me-2"></i>学习建议 </h5> </div> <div class="card-body"> <div class="alert alert-primary mb-3" role="alert"> <div class="d-flex"> <div class="flex-shrink-0"> <i class="fas fa-info-circle fa-2x me-3"></i> </div> <div> <h6 class="alert-heading">预计掌握时间</h6> <p class="mb-0" id="estimatedMasteryTime">根据平均学习›线，从25%到85%的技能水平预计需要 <strong>8-10 周</strong>。</p> </div> </div> </div> <h6 class="fw-bold mb-3">学习策略建议</h6> <ul class="learning-tips"> <li>先掌握技能的基础组成部分，再›行整体练习</li> <li>适当提高每周训练频率，而非单次训练时长</li> <li>在瓶颈期到来前›行针对性训练，提前预防</li> <li>科学安排休息时间，促›技能›化</li> </ul> <div class="d-grid gap-2 mt-3"> <button type="button" id="createDetailedPlan" class="btn btn-accent"> <i class="fas fa-tasks me-2"></i>›建详细训练计划 </button> </div> </div> </div> </div> <!-- 右侧结果展示区 --> <div class="col-lg-8"> <!-- 技能获得›线 --> <div class="card mb-4"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-chart-line me-2"></i>技能获得›线 </h5> </div> <div class="card-body"> <div class="chart-container" style="height: 350px;"> <canvas id="skillAcquisitionChart"></canvas> </div> <div class="row mt-4"> <div class="col-md-3 text-center"> <div class="curve-phase"> <div class="phase-indicator" style="background-color: rgba(78, 93, 227, 0.2);"></div> <h6 class="phase-title">起步期</h6> <p class="phase-description">建‹基本动作模式，掌握基础要素</p> </div> </div> <div class="col-md-3 text-center"> <div class="curve-phase"> <div class="phase-indicator" style="background-color: rgba(62, 207, 176, 0.2);"></div> <h6 class="phase-title">快速提升期</h6> <p class="phase-description">技能快速›步，动作逐渐连贯</p> </div> </div> <div class="col-md-3 text-center"> <div class="curve-phase"> <div class="phase-indicator" style="background-color: rgba(255, 126, 95, 0.2);"></div> <h6 class="phase-title">瓶颈期</h6> <p class="phase-description">›步减缓，需突破技术障碍</p> </div> </div> <div class="col-md-3 text-center"> <div class="curve-phase"> <div class="phase-indicator" style="background-color: rgba(78, 93, 227, 0.2);"></div> <h6 class="phase-title">巩›期</h6> <p class="phase-description">稳定技能，提高一致性</p> </div> </div> </div> </div> </div> <!-- 学习路径里‹碑 --> <div class="card mb-4"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-map-signs me-2"></i>学习路径里‹碑 </h5> </div> <div class="card-body"> <div class="learning-path" id="learningPathContainer"> <!-- 阶段1 --> <div class="milestone"> <div class="milestone-badge">1</div> <div class="milestone-content"> <h5 class="milestone-title">基础掌握阶段</h5> <p class="milestone-duration">第1-2周</p> <div class="milestone-details"> <p>掌握基本姿势和预备动作，建‹正确的动作模式和身体感知。在这个阶段，重点是形成准确的技术基础，而不是追求速度或连贯性。</p> <div class="milestone-goals"> <h6 class="small fw-bold">阶段›标:</h6> <ul class="small"> <li>准确理解技术动作的基本原理</li> <li>掌握预备姿势和基本体位</li> <li>建‹良好的身体感知能›</li> <li>形成初步的动作概念</li> </ul> </div> </div> </div> </div> <!-- 阶段2 --> <div class="milestone"> <div class="milestone-badge">2</div> <div class="milestone-content"> <h5 class="milestone-title">技术构建阶段</h5> <p class="milestone-duration">第3-4周</p> <div class="milestone-details"> <p>在掌握基础的前提‹，开‹系统学习技术动作的各个组成部分，注重各环节的质量和细节，形成完整的技术框架。</p> <div class="milestone-goals"> <h6 class="small fw-bold">阶段›标:</h6> <ul class="small"> <li>掌握关键技术环节的动作要领</li> <li>学会各部分的正确动作路径</li> <li>理解各技术环节‹间的关联</li> <li>初步尝试将各部分连接起来</li> </ul> </div> </div> </div> </div> <!-- 阶段3 --> <div class="milestone"> <div class="milestone-badge">3</div> <div class="milestone-content"> <h5 class="milestone-title">整合与瓶颈突破</h5> <p class="milestone-duration">第5-6周</p> <div class="milestone-details"> <p>将各技术环节整合成完整流畅的动作，遇到并突破常见的技术瓶颈，提升动作的协调性、流畅度和稳定性。</p> <div class="milestone-goals"> <h6 class="small fw-bold">阶段›标:</h6> <ul class="small"> <li>实现技术环节的流畅连接</li> <li>‹服技术瓶颈和心理障碍</li> <li>提高动作的一致性和稳定性</li> <li>逐步增加动作的速度和›量</li> </ul> </div> </div> </div> </div> <!-- 阶段4 --> <div class="milestone"> <div class="milestone-badge">4</div> <div class="milestone-content"> <h5 class="milestone-title">精通与应用阶段</h5> <p class="milestone-duration">第7-8周</p> <div class="milestone-details"> <p>在不同条件‹稳定执行技能，提高动作的美观性和表现›，能够将技能应用到实战或比›环境中。</p> <div class="milestone-goals"> <h6 class="small fw-bold">阶段›标:</h6> <ul class="small"> <li>在各种条件‹稳定执行技能</li> <li>提高动作的美观性和表现›</li> <li>将技能与其他技术动作结合</li> <li>实战或比›环境中成功应用</li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- 常见瓶颈与对策 --> <div class="card"> <div class="card-header"> <h5 class="card-title"> <i class="fas fa-traffic-light me-2"></i>常见瓶颈与对策 </h5> </div> <div class="card-body"> <div class="row g-3"> <!-- 瓶颈1 --> <div class="col-md-6"> <div class="bottleneck-card"> <h5 class="bottleneck-title">技术连贯性障碍</h5> <p class="bottleneck-description">各技术环节单‹掌握，但连接执行时出现不流畅，整体动作协调性差。</p> <h6 class="small fw-bold">突破策略:</h6> <ul class="small"> <li>重点练习›邻技术环节的过渡</li> <li>使用"连接点放大练习法"</li> <li>›行不同速度‹的过渡训练</li> <li>采用节奏控制训练</li> </ul> </div> </div> <!-- 瓶颈2 --> <div class="col-md-6"> <div class="bottleneck-card"> <h5 class="bottleneck-title">心理恐惧阻碍</h5> <p class="bottleneck-description">对特定动作环节存在心理恐惧，导致犹豫不决或条件反射性保护动作。</p> <h6 class="small fw-bold">突破策略:</h6> <ul class="small"> <li>应用系统脱敏训练方法</li> <li>使用心理想象和情景模‹</li> <li>实施渐›式挑战训练</li> <li>采用辅助安全保护‹段</li> </ul> </div> </div> <!-- 瓶颈3 --> <div class="col-md-6"> <div class="bottleneck-card"> <h5 class="bottleneck-title">技能学习平台期</h5> <p class="bottleneck-description">训练一段时间后›步停滞，遇到技能学习的平台期。</p> <h6 class="small fw-bold">突破策略:</h6> <ul class="small"> <li>引入变式训练打破常规</li> <li>调整训练负荷和强度</li> <li>短期转移注意›到其他技能</li> <li>寻求新视角和技术反馈</li> </ul> </div> </div> <!-- 瓶颈4 --> <div class="col-md-6"> <div class="bottleneck-card"> <h5 class="bottleneck-title">体能限制瓶颈</h5> <p class="bottleneck-description">技术动作理解正确，但›特定体能不足而无法有效执行。</p> <h6 class="small fw-bold">突破策略:</h6> <ul class="small"> <li>针对性体能训练</li> <li>技能专项›量练习</li> <li>分段增强训练法</li> <li>动›链优化训练</li> </ul> </div> </div> </div> <div class="text-center mt-4"> <a href="bottleneck.html" class="btn btn-accent"> <i class="fas fa-search-plus me-2"></i>详细瓶颈分析 </a> </div> </div> </div> </div> </div> </div> <!-- 页脚 --> <footer class="footer"> <div class="container text-center"> <p>快乐运动会 - 技能获得›线计划系统</p> <p>我们的技能获得›线计划工具基于运动学习理论和大数据分析，帮助运动员和教练科学计划技能学习路径，提高学习效率，减少瓶颈期</p> <p>© 2024 快乐运动会. 保留所有权利.</p> </div> </footer> <!-- JavaScript 引入 --> <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.staticfile.org/Chart.js/3.7.0/chart.min.js"></script> <script src="js/main.js"></script> </body> </html>
Links from
http://loole.info