慕课网tab封装插件的碎碎念

首先我们看一下最经典的“把大象放冰箱”这个问题

面向过程的解决方法

在面向过程的编程方式中实现“把大象放冰箱”这个问题答案是耳熟能详的，一共分三步：

开门（冰箱）；

装进（冰箱，大象）；

关门（冰箱）。

面向对象的解决方法

冰箱.开门（）

冰箱.装进（大象）

冰箱.关门（）

可以看出来面向对象和面向过程的侧重点是不同的，面向过程是以动词为主，完成一个事件就是将不同的动作函数按顺序调用。

面向对象是以主谓为主。将主谓看成一个一个的对象，然后对象有自己的属性和方法。比如说，冰箱有自己的id属性，有开门的方法。然后就可以直接调用冰箱的开门方法给其传入一个参数大象就可以了。

简单的例子面向对象和面向过程的好处还不是很明显。

下面是我对于慕课网上的慕课网tab插件封装的一些学习上的理解

1、dom结构的搭建这里就不做详细的说明了直接上图了

2、tab.js的说明