最近调整公司小程序业务的核心日历组件，费了不少时间，不过也优化了一把xquery的核心代码，抽空一周左右的时间仿了两个微信最常见的组件，一个索引列表组件、一个自定义tabbar组件，想到后期业务上这两个组件的几率还是蛮大的，并不容易，考虑的点也挺多的 demo如下图所示

索引列表

主要由搜索模块，列表模块，弹窗模块，touchbar模块4个部分组装完成
难点：

1. touchbar与列表滚动的位置号计算
2. 列表需要支持灵活的内容插入，支持默认输入与异步更新
3. 交互事件的逻辑关系
4. 交互事件互相之间冒泡关系

tabbar

tabbar组件相对来说比较简单，由列表组件构建
难点：

1. 各种红点的状态，1位数~4位数
2. tabbar子项的样式，不论有多少个子项，红点位置不能够跑偏
3. 可合并多个子项
4. 合并子项可以独立定义自己的响应方法

完成组件多种场景使用、抽象API方法，使开发能够简单调用组件真的有点难。demo、源码、文档奉上，关注以下小程序