ES6学习笔记（三）：教你用js面向对象思维来实现 tab栏增删

前两篇文章主要介绍了类和对象、类的继承，如果想了解更多理论请查阅《ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象》、《ES6学习笔记（二）：教你玩转类的继承和类的对象》，今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。

要实现的功能分析

1. 点击tab栏可以切换效果
2. 点击+号，可以添加tab项和内容项
3. 点击X号，可以删除当前的tab项和内容项
4. 点击tab文字或者内容项文字，可以修改里面的字体内容

抽像对象： Tab对象 （增删改查功能）<br />实现功能效果如下图：<br /> 在这里插入图片描述
案例源码地址：https://github.com/qiuqiulanfeng/tab