# calculate-exercise

**Repository Path**: modelview/calculate-exercise

## Basic Information

- **Project Name**: calculate-exercise
- **Description**: 口算练习网站，并可以导入导出，有学习记忆
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-28
- **Last Updated**: 2026-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 口算练习

## 目标

- 独立的静态网站
- 可以进行口算练习
- 能够导出
- 练习口算的静态网页
- 使用vue3 和 element-plus，
- 能够计算 1到9的加法和减法的题目
- 每次出10个
- 输入判断是否正确。回车切换下一个。
- 所有的题目使用记忆曲线进行标记 并存储在浏览器中
- 可以导入导出对应json文件。
- 每次出题尽量返回不熟练的题目

## 基本调试

### 本地库

- 放置在js之中，直接从cdn下载即可

### element-plus-icon加载

- 全部组件加载
```js
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

```
- 之后可以在页面直接使用，注意不能直接用大写驼峰名称，必须转换为snake的方式，否则不识别
- 比如 DataAnalysis -> data-analysis
```html
<el-icon>
    <data-analysis/>
</el-icon>
```
- 直接组件引入
```js
const { Download, Upload, DataAnalysis } = ElementPlusIconsVue
// 页面使用记得需要setup之中返回对应组件
```

### el-tag 显示错误

- type 字段不能够写 '',可以是undefined
- 目前用 info就可以了，颜色基本够用

### el-input 替换为 el-number-input

- el-input 将type设置为 number之后，显示图标不好看
- 修改 el-number-input 之后整体效果好，但是仅仅支持数字和undefined

### 存储 导入 导出

- 存储是 localStorage
- 导入是全部的json
- 导出也是全部的题目

## 基本算法

- 按照要求整理得到全部题目列表，并给出对应的答案
- 之后就是出题和搜索的过程了
- 判断答案是否正确之后，可以处理熟练度的更新

## 更新的功能

- 增加统计功能，统计熟练度
- 增加记录分数功能，正确率，用时
- 增加出题模式，固定题数，固定时间，1分钟 18~22题合适
- 使用艾宾浩斯遗忘曲线出题，速算可以是有记忆提取的类似乘法公式