前两篇文章主要介绍了类和对象、类的继承,如果想了解更多理论请查阅《ES6学习笔记(一):轻松搞懂面向对象编程、类和对象》、《ES6学习笔记(二):教你玩转类的继承和类的对象》,今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。
文章目录要实现的功能分析切换功能添加功能实现删除功能编辑功能总结
要实现的功能分析
点击tab栏可以切换效果
点击+号,可以添加tab项和内容项
点击X号,可以删除当前的tab项和内容项
点击tab文字或者内容项文字,可以修改里面的字体内容
抽像对