Driver.js 新手引导

解决的问题

新用户首次进入 CRM 首页时，常因不熟悉核心功能（如数据看板、操作按钮位置）导致操作卡顿；上线新功能后，关键入口缺乏直观指引，用户难以发现；演示环境需要快速带看完整流程，传统静态文档无法满足动态展示需求。这些问题若不解决，会直接影响用户上手效率与功能触达率。

核心能力与实现逻辑

分步高亮与状态记忆：通过 driver.js 实现首登弹窗分步高亮，每步绑定稳定的 data-tour 选择器（避免依赖易变 class），确保指引精准定位目标节点。支持「跳过」功能，并通过 localStorage 记录已观看状态（键名建议包含产品版本），避免重复打扰。

灵活触发与流程控制：在首登或帮助菜单中触发 startCrmTour 函数启动引导；重新观看时通过 force=true 强制重置状态。步骤数建议控制在 8 步以内并按需分组，防止用户因信息过载产生疲劳。

健壮性保障：路由切换时主动销毁未完成引导，避免残留遮罩影响页面交互；尊重 prefers-reduced-motion 偏好，自动减弱动画效果，提升无障碍体验。

适用边界与注意点

• 避免每次刷新强制全屏打断老用户，需结合「已看过」状态判断触发时机
• 步骤选择器优先使用 data-tour 属性，减少对 DOM 结构变动的敏感度
• 演示环境需提前规划引导路径，确保关键节点（如核心操作按钮、数据入口）被覆盖
• 动画效果需适配不同设备性能，避免在低端设备上造成卡顿