Skip to main content

第九课 - 新组件功能示例

这个示例展示了优化后的JapaneseText2组件的各种新功能,包括不同类型的笔记、键盘快捷键、用户偏好设置等。

基础对话

📝

没有文本内容

请提供要显示的日文文本。

新功能说明

🎯 笔记类型分类

  • 词汇笔记 (vocabulary) - 蓝色标记:基础词汇解释
  • 语法笔记 (grammar) - 绿色标记:语法点说明
  • 文化笔记 (cultural) - 紫色标记:文化背景介绍
  • 发音笔记 (pronunciation) - 粉色标记:发音要点

⌨️ 键盘快捷键

  • F - 切换注音显示
  • T - 切换翻译显示
  • N - 切换笔记显示
  • L - 切换行号显示
  • ←/→ - 在笔记间导航
  • Esc - 关闭笔记面板
  • Ctrl + +/- - 调整字体大小

🎨 个性化设置

  • 字体大小:小/中/大三种选择
  • 行间距:紧凑/正常/宽松
  • 动画速度:慢/正常/快
  • 无障碍选项:高对比度、减少动画、屏幕阅读器优化

📱 移动端优化

  • 触摸友好的交互设计
  • 响应式布局适配
  • 移动端专用的全屏笔记面板
  • 触摸反馈和手势支持

无障碍功能

  • 完整的键盘导航支持
  • 屏幕阅读器兼容
  • ARIA 标签和语义化标记
  • 高对比度模式支持
  • 减少动画选项

🔧 开发者功能

在开发模式下,组件右下角会显示开发工具面板,包含:

  • 性能统计信息
  • 文本数据统计
  • 偏好设置调试
  • 错误日志查看

使用建议

  1. 首次使用:建议开启所有显示选项,熟悉各种功能
  2. 学习进阶:可以逐步关闭翻译,专注于日文理解
  3. 复习模式:关闭注音,测试汉字读音掌握情况
  4. 移动学习:在手机上使用时,建议使用紧凑模式节省空间
  5. 无障碍:根据个人需求调整无障碍选项

这个新组件不仅保持了原有的所有功能,还大大增强了用户体验、性能和可访问性。希望能帮助你更好地学习日语!