Yijia-Zhou / sci_hotwords

3 stars 0 forks source link

README

宗旨

面向用户

小程序码题图

页面(已有2个,可能再添加1个)

  1. 目录选择

    • image

    • 三列picker, 选择词库与使用模式

      • 识记模式即为普通模式

      • 检验模式目前只是单纯开始不显示释义、点一下后才显示,之后可能会重新设计但还完全没有具体想法和计划

      • js 中的逻辑代码单纯都是为了让这个 picker 正常运行起来

    • 之后可能添加一个进入查词页面的按钮,考虑做成脚踏板状放在最底下

  2. 词库识记

    • image

    • 核心逻辑链条?

      1. onLoad 方法将词库数据从数据库/本地Storage中加载、预处理并渲染至页面中(指进行this.setData()
      2. onDoneonNext 根据用户选择对词库数据进行更新
        • 更新词库 index 指向(让页面渲染下一个要识记的词汇组)
        • 记录掌握情况(.learnt & .tested
      3. onHide 将相关数据写入 Storage 中进行持久化
    • 词频前四高的衍生词会被显示在衍生词框中

      • 点击单个衍生词则弹出其单独释义

      • 如衍生词超过4个则显示“更多衍生词”按钮,点击后进入所有衍生词列表界面

    • 点击“我记住了”将当前词组在本词库、本模式中标记为“已掌握”( word.js 中的 onDone), “还要努力”则单纯暂时切换至下一个词组(onNext

  3. 之后考虑添加一个查询页面

    • (仅有初步想法)输入待查词,在各专业词库中查询,显示最符合的单词(包含衍生词),然后显示其所在词组卡片及其单独释义

"贡献流程?"与待开发需求