学习资料：

1：官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461

2：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599

3：设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html

4：设计资源下载：https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载

5：微信小程序公测接入指南：http://www.wxapp-union.com/portal.php?mod=view&aid=259

6：微信小程序支付文档：https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#

7：新手入门宝典：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989

8：实战宝典：http://www.wxapp-union.com/special/solution.html

9：从注册到上线系列：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4375

10:开发者社区:https://developers.weixin.qq.com/home?token=382735378&lang=zh_CN

微信小程序特殊效果合集：

文字跑马灯效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038

触摸水波涟漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1350

下拉菜单效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1875

五星评分效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1876

数字累加，动态效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1694

星战字幕效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689

动画卡片效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193

列表项左滑删除效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189（更多左滑删除效果请直接在论坛内搜索“左滑”即可）

图片的滤镜效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949

黑客帝国metrix效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670

CSS3动画效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4628

仿直播点赞气泡效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2833

文字弹幕效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713

仿UC宣传页面的简单动画效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266

发短信验证码倒计时：http://www.wxapp-union.com/portal.php?mod=view&aid=1671

自动完成文本框：微信小程序之自动完成文本框

搜索关键词高亮：做搜索关键字高亮，大家有什么思路？

相册效果：精致点选下拉框，附带相册，附带网络访问，细节至上！

计时器：计时器/倒计时相关

高铁图：小程序之基于canvas绘制高铁线路图

点赞效果：微信小程序小组件：仿直播点赞气泡效果，基于Canvas

指南针：指南针小程序开发笔记指南针

滑动切换：微信小程序demo：仿one：滑动切换页面

联系人列表：微挂靠公司端：下拉菜单，联系人列表

仿淘宝密码输入框：汇汇生活：电商模板，仿淘宝密码输入框

微信小程序页面效果：列表点赞

底部弹出、支付密码框、商品数量加减、角标、顶部提示

弹出菜单特效：http://www.wxapp-union.com/portal.php?mod=view&aid=1659

滚动动画：http://www.wxapp-union.com/portal.php?mod=view&aid=1538

实时圆形进度条：http://www.wxapp-union.com/portal.php?mod=view&aid=1456

遮罩层：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617

仿Table效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038

操作按钮悬浮固定在底部：http://www.wxapp-union.com/portal.php?mod=view&aid=1029

支付倒计时效果：http://www.wxapp-union.com/portal.php?mod=view&aid=890

文字单行背景自适应带角标：http://www.wxapp-union.com/portal.php?mod=view&aid=636

侧边栏滑动特效；http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202

顶部导航效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1665

弹出和隐藏动画：http://www.wxapp-union.com/portal.php?mod=view&aid=1449

切换动画：http://www.wxapp-union.com/portal.php?mod=view&aid=1113

图表类：折线图，柱状图，K线，分时图

生成二维码：

微信小程序条形码、二维码生成模块

微信小程序实用Demo: 小程序内生成image格式qrcode（二维码）

微信小程序使用canvas进行二维码绘制

会员小程序开发总结：条形码二维码

多级联动：

微信小程序省市三级联动

微信小程序实用组件：自定义toast，自定义picker级联菜单

微信小程序学习用精品demo：级联筛选，下拉刷新上拉加载

封装的一些微信小程序的方法：城市数据等，级联

微信小程序省市区三级联动（picker-view组件）

微信小程序省市区三级联动

微信小程序学习用demo：电商学习模板，弹出层，三级联动

棒棒达寄件平台：参数传递，城市三级联动

加速度手机维修：三级联动，底部菜单

日历系列：

艺龙小程序框架：picker，选择日历，下拉菜单

微信小程序demo：校园日历微信小程序demo：优惠资讯：横版日历，tab栏

微信小程序demo：倒班日历：线上小程序源码，公立转农历

微信小程序学习用demo：日历：公历农历转换，calendar-convert

微信小程序demo：小数报课表：日历

微信小程序demo：电影日历，基于node

github精选：微信小程序实现简单的日历

【借鉴倒班日历】日历小程序

效果合集：

微信小程序精品demo：跑马灯，左侧菜单，抽屉层，加载动画 

组件大全（对话框、指示器、五星评分，画廊，影院座位