公司最近要做一个类似于探探滑动卡片的需求，经过周五和周末两天的啪啦啪啦，终于做出来基本符合需求的组件，最终的效果图就是这样的了。 小程序卡片滑动组件 介绍 此组件是使用原生微信小程序代码开发的一款高性

最近工作中有项目要使用微信小程序技术进行开发，其中一项功能困扰了我很久，卡片滑动动效以及手势识别。经过一番研究和参考，现在把成果展示。记录自己踩到的坑，如果大家有需要，也可以帮助到大家。 如图所示，我采用绝对定位absolute的方式，辅助index，可以实现卡片的层叠效果。注…

小程序轮播图，解决小程序无法，使用网页内swiper.js的问题，思路简单，阅读容易，快来看看吧，哈哈

前言 效果展示 组件设置 步骤1 在pages目录下，新建文件夹components 步骤2 在components下建立新文件夹swiper 在swiper目录下，新建4个文件，分别为 swiper

本文将从如何正确入门、如何结合 animate.css 实现入场动画、如何实现的不同的轮播图效果等。内容丰富，有需要的小伙伴可以收藏食用。

使用原生JS实现轮播图Swiper。涉及知识点包括css的transform、transition等属性；js的touchstart、touchmove、touchend等触摸事件。

图片轮播是种很常见的场景和功能，一般移动网站首页的轮播 banner，商品闲情页的商品图片等位置都会用到此功能 像这种常用的场景功能肯定是有人早就写好插件了的，所以遇到这种场景，一般都遵循以下三步：

淘宝京东这种购物商城H5站不可缺少的就是轮播插件（组件是更加全面的插件），而这次也是本胖自己都记不清是第几次写一个移动端轮播插件。 写一个插件之前，我们要做的就是分析，不是有句话，70%的时间在思考，30%的时间在敲代码。多思考，多分析就能少写代码，少走弯路。 主要需求点就是上…