Coder Social home page Coder Social logo

gexinpai / cet4-word-game Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 53.33 MB

英语单词陪练——能加深记忆,帮助理解的工具,默认4级词汇包含3596个单词,最多可以有10000+单词

Home Page: https://todopai.github.io/cet4-word-game

JavaScript 1.08% HTML 0.42% Vue 27.76% TypeScript 68.99% CSS 1.74%
english-word helper listening speaking spelling writing cet cet-4

cet4-word-game's Introduction

单词陪练

意见或bug反馈地址

  • 电脑端(已适配);
  • 手机端(已适配);

练习模式与复习模式

玩法一:练习

  1. 按下键盘上英文字母,完成单词拼写 ———— 字母会依次消失,并触发单个字母读音;
  2. 按下空格键,听完整单词发音;
  3. Enter键/右方向键切下一个单词;

玩法二:默写

  1. 单词完全消失时,再次依次按下对应字母键,完成单词默写 ———— 字母依次回显,并触发单个字母读音;
  2. 按下空格键,听完整单词发音;
  3. Enter键/右方向键切下一个单词;

玩法三:玩法一二结合,循环往复,加深记忆。

最好能全程跟读,这样口、耳、眼、手全都用上,记得更快更牢固。

玩法四:复习模式 ———— 点击左上角「练习」可以切换到复习模式

  • 复习模式默认只展示中文、英文释义;
  • 默写单词,或按空格发音默写单词,检验记忆效果;

玩法四:加深理解

英文释义和例句,均有配音,建议跟读,加深理解;

  1. 点击英文释义或者例句,会触发完整句子配音;
  2. 敲Shift或上箭头或下箭头,可以触发并切换释义和例句配音;

建议跟读

玩法四:切换单词

  1. 敲Enter键或右箭头,进入下一个单词的学习;
  2. 敲左箭头,进入上一个单词的复习;

玩法五:单词直达

  1. 地址栏加?word=某个单词,可以直接进入某个单词的学习;
  2. 地址栏加?index=数字,可以直接进入四级单词列表中第多少位的单词学习;

地址栏保证只有个?,有问号后面需要把后面的问题缓存&符号

玩法六:单词笔记

  1. 鼠标放到黑色边框的下边缘(最底下一行)点击,可以触发单词笔记功能;
  2. 限定60个字,可以记录自己的独特的记录方法、口诀之类;
  3. 笔记数据存储在电脑本地,清理浏览器缓存后会丢失;
  4. 笔记记录完成后,按回车或者鼠标点击其他地方,可继续训练单词;

玩法七:模糊搜索

  1. 输入任意字母组合,可以搜索包含该组合的所有四级词汇表中的词汇;
  2. 多个字母组合,可以用空格隔开;
  3. 可以指定字母组合的第一个作为开头,或者最后一个组合作为结尾,或者都既指定开头,也指定结尾;

快捷键汇总

  • 字母键————单个字母发音
  • 空格键————完整单词发音;
  • 左箭头————上一个单词;
  • Enter键或右箭头————下一个单词;
  • Shift或上箭头或下箭头————英文释义或例句配音

本地开发与版本调试

  1. npm run build
  2. 切gh-pages分支,覆盖assets和index.html文件
  3. git push

cet4-word-game's People

Contributors

todopai avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.