主要为大家详细介绍了原生JS实现微信通讯录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

最近工作当中再一次遇到要实现一个车辆列表，要求能够像微信通讯录一样，实现右侧滑动，点击功能，并且滑动过程中，能够有提示。原来用jquery实现过一次，为了精简代码，现在用原生的实现一次。想必工作中大家都能用上，所以就临时谢了一个小案例，分享给大家。本案例重在分享移动端的实现思路，代码和样式可能没有优化，大家见谅。 原本微信通讯录效果： 本案例效果图： 实际工作中可以实现类似于城市列表，产品字母排序这种需求： 代码展示 Dom Dom结构仅供参考，实际情况看自己需求，比如我现在工作当中使用的

我们常见的手机通讯录或微信通讯录，联系人信息是按字母顺序排列的列表，通过点击右侧的字母，会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到城市列表，效果和通讯录一样的。  查看演示 下载源码 准备 查看演示     下载源码 准备 首先我们需要用到全国的城市数据，这些城市数据来源于网络，我已经将数据格式化成JSON形式了，大家可以直接拿去用。 我们还需要用到一个叫better-scroll的滚动插件，它能帮我们将超长的页面原生的滚动条处理掉，优化滚动效果。 接着我们准