【柒沐の期末作业开发日志】——利用HTML+CSS+JS实现分数计算器

前提声明：我这一篇博客只是为了哄我自己敲代码写的，然后我在敲代码的过程中参考的一些大佬的文献（博客）都是想方便我自己（还有看过这篇博客的小伙伴的）以后能够重构项目（省事儿，所以写得详细一点），如果侵权了或者别的什么，请一定要告诉我，真的不好意思（小白瑟瑟发抖），各位大佬的博客真的给了我很大的启发，感谢各位大佬（比心）还没写完先发出来

（嗨嗨害，今天是写期末作业的好时候，写完了就不用上这节课了，凭实力给自己少点课）

本文使用工具为VS Code，使用IDEA的小伙伴可以去找别的博客学习哦，两个工具使用有所不同，按需学习

一、熟悉的项目梳理

作业梳理：要求是对面向对象的项目设计

1.题目：

A类题：第7章的第2关派生类的构造和析构函数（给这个写一个实验报告，嗨嗨害）

B类题：

（咱也不懂采用多种不同的设计方法进行设计是要我怎么做，暂定用原想法写一个，然后对代码进行优化改进再写一个，然后比较（maybe是这样？）） （今天问了老师，老师说直接一种方法就行，咔咔咔，省事，嘻嘻嘻）

emmmm看起来我把进阶写完应该就可以嘻嘻

2.主要是对B类题梳理

要求设计一个面向对象的交互式页面设计，我的理解为用HTML+CSS+JS（TS）写一个交互网页，能够实现

1.简单的四则运算（加、减、乘、除）功能；（嘎嘎简单）

2.处理分数的运算

        1）定义整数类和分数类，分数类由整数类派生。其中，包括构造函数、 析构函数、显示函数等。（这个因为我是用html+css+js写的就洒洒水了）

        2）输入/输出：对流提取和流插入运算符进行重载，能对分数进行各种 计算和输入/输出。（一波狠狠监视watch）

        3）计算功能：可进行分数的加、减、乘和除法运算

        4）化简功能：将分数化简为最简分数。

        5）异常处理功能：分数中分母不能为零。

        6）增加提示功能，提示分数对应的小数；考虑小括号、开方、乘方、倒数 等

3.参考的大佬的博客记录（小菜鸡的学习备份）

高大上一点就是俺的参考文献

使用Vue创建计算器 - 前端开发者学堂 (fedev.cn) - 前端开发社区

Vue Calculator (codepen.io)