树形控件的效果，实际上就是对tree这种数据结构的一种运用，因为用户传入的数据是嵌套结构的，也就是一种类似于tree的结构，我们组件中首先要实现的，就是对这种数据的遍历操作，剩下的所有逻辑都是基于遍历的基础上的

每个面板折叠、展开的动画效果其实就是去控制collapse-panel的height变化，所以在一开始就需要记录下每个面板的原始高度，否则用户在折叠面板后，高度就变为 0 了，这时候计算出来的值也为 0，就无法还原为初始高度了

这个组件的难点在于控制每个tab项底部条的移动以及对应panel的移动，最常见的做法是通过transform来改变元素的位置，不废话，直接上代码

项目升级&填坑 说明 时隔大半年（错，应该是有生之年），我决定重启这个造轮子项目，原因有几点： 老项目结构太过臃肿 组件的一些实现思路存在比较大的问题 打包方式比较麻烦 所以我重新建立了一个叫 tiny-wheels 的项目，初衷和旧项目是一样的，主要是个人对于技术的学习、研究、总结，其次是探索使用原生 JavaScri...

通过上一篇文章的学习，我们基本掌握了一个轮子的封装和开发流程。那么这次将带大家开发一个更有难度的项目——轮播图，希望能进一步加深大家对于面向对象插件开发的理解和认识。

日常工作中经常会发现有大量业务逻辑是重复的，而用别人的插件也不能完美解决一些定制化的需求，所以我决定把一些常用的组件抽离、封装出来，形成一套自己的插件库。同时，我将用这个教程系列记录下每一个插件的开发过程，手把手教你如何一步一步去造出一套实用性、可复用性高的轮子。