项目前端的主要逻辑页面是records，score两个页面，分别负责英语句子与评分的业务逻辑 records页面包括进度条组件、英语句子组件、播放声音组件与录音组件，进度条组件用于展示任务进度，英语句子组件针对情景渲染不同颜色的英语单词，播放声音组件用于播放正确读音与用户读音，录音组件用于接收用户的读音。 score页面中的展示分数组件用于展示用户的分数排名与读句子总数排名。