微信小程序开发学习资料

是其它地方看到的，不知道怎么转载到csdn上，自己收藏用的，大家看到原谅，很不错的一篇文章。 作者：初雪 链接：https://www.zhihu.com/question/50907897/answer/128494332 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文） … 前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S； 一：推荐地址集合：（初入门者请先看这里） 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：微信小程序公测接入指南 5：微信支付：【微信支付】微信小程序支付开发者文档 微信小程序支付 6：入门教程：新手教程 7：跳坑系列：经验 - 8：视频合集：视频资源 - 9：有问题请发帖求助：提示信息 - 微信小程序联盟 10：从零开始：微信小程序新手入门宝典（正在更新） 11：微信小程序问题解决方案专辑 整理了一下最近收集了好久的资料，给同学们参考：共分了5类； 1：推荐文档地址： 2：教程系列集合；本回答内教程系列均得到了原作者授权转载分享； 3：demo合集 4：插件合集 特别说明： 1：不了解微信小程序的同学，请先搜索一下微信小程序究竟是什么，有哪些特性： 2：有htmlcssjs基础者可以直接进入实践，边实践边学习，尤其是有react与vue基础的； 3：微信小程序不需要特别申请（认证或账号）即可开始使用工具开发； 4：微信小程序是需要后台的，不限定任何语言，提供小程序接口要求的json格式即可； 5：初次开发者，推荐阅读新手跳坑系列，有几个坑，先了解一下，遇到时便可以查阅了； 6：如有作者不希望自己的作品被放置在这里，请联系我删除； 7：如果遇到问题，推荐多使用搜索，对帖子及文章进行搜索； 推荐阅读： 真机预览必备（仅限研究使用）：个人无appid如何进行申请开发者权限，简单操作步骤 如何让他人体验自己的小程序：新手跳坑指南《四十六》如何让他人体验自己的小程序 真机本地不同问题：微信小程序真机预览跟本地不同的问题 审核问题必读：如何让微信小程序服务类目审核通过 推荐活动： 微信小程序最新免费学习书籍PDF分享活动 最新免费视频分享活动 最新资讯：（3月28日） 公众号关联微信小程序简单方法 公众号新能力：添加自定义菜单，模版消息，粉丝下发通知 微信公众号菜单配置小程序 扫普通链接二维码打开小程序接入指南 特别介绍：微信小程序开发者工具版本及推出日期： 介绍目的：据此日期，可以避免自己受到老教程的误导，请优先阅读/使用新日期的教程/demo；在教程中遇到困惑时，请对比官方教程，假如无法解决，请请教熟悉的同学或发帖求助； 1014版本：10月14日推出： 1028版本：10月28日推出： 1123版本：11月23日推出： 1221版本：12月21日推出： 1230测试版本：12月30日推出： 1304版本：1月4号推出； 1306测试版本：1月6日推出： 1312测试版本：1月12日推出 1319测试版本：1月19日推出 1406版本：2月6日推出 1409版本：2月9日推出 150201测试版：3月3日推出 微信小程序大事记编年史（新增）：增加此部分，旨在让大家独立去思考变化的意义：（日期非精确，仅为大致日期） 12月21日：微信小程序开放新增功能：分享，自定义模板消息，客服消息，扫一扫 12月30日：微信开放带参数二维码，允许已上线的小程序制作进入任意页面的二维码； 1月9日：微信开放微信小程序 1月22日：微信增加社交分类，允许提交社交类小程序，但是必须具备社交相关的资质证书； 1月25日：微信开始允许直播类小程序上线，上线的有腾讯now直播，企鹅电竞等； 2月1日：微信开放微信搜索，在微信搜索结果内将可以直接展示小程序，并且位置是第一位；但是仍需全名搜搜方可显示； 2月10日，微信开放部分关键词的模糊搜索显示，包括表情、美食、音乐、电影、读书、日记、计算、股票、日历、电商、酒店、出行、汽车、旅行、快递等领域； 2月19日：微信开发者社区从封闭状态，改为开放状态，任何人均可浏览； 2月23日：摩拜单车宣布原二维码也可以适用于小程序，使用微信扫一扫扫描摩拜单车二维码将直接打开小程序； 3月2日：微信公开课征集小程序案例 3月5日：马化腾回记者问中提出：小程序是面向未来的产品：马化腾：微信为什么力推小程序？微信公众号会推付费内容吗？ … 3月27日，微信官方宣传六大变化：快讯：公众号和小程序 新增三种连接方式，可使用原有二维码，与APP打通 … 3月27日：微信官方宣传支持个人注册：微信小程序-快讯：小程序面向个人开发者开放- 3月28日更新（不知道知乎怎么了，回答内的链接全部丢失了） 重新编辑了一下，但是内容丢失了不少。。。。 开发前必读简要 基于大量无效开发，无法上线的案例，所以开发前部分知识十分重要；| 链接 微信小程序个人注册简单步骤 打开转为为wxml富文本解析是一个困扰无数人的问题，目前网上的解决方案已经比较多了 | 链接 自定义字体/自定义图标相关 自定义图标及自定义字体，一直是很多小程序开发者的心病| 链接 微信小程序真机预览跟本地不同的问题 本地可以看到数据，打开调试也可以看到数据，关闭调试则看不到数据；或是开发版可以看| 链接 常见错误及基本排除方法 也接触了不少人解决问题的过程里，有一些比较难以排查的可能性列举在这 | 链接 ios苹果真机相关问题 此问题只在ios上出现，而安卓没有问题；或是这个问题同时在安卓和ios上出现；| 链接 Android安卓真机相关问题 本帖特别针对以下两个情况：情况一：此问题只在安卓上出现，而ios没有问题；| 链接 Javascript 标准库兼容性及ES6支持度说明iOS、Android 和 开发者工具。三端的脚本执行及用于渲染非原生组件的环境是各不相同的| 链接 ssl证书相关问题errMsg: “request: fail ssl hand shake error”等错误及免费证书申请地址| 链接 小程序1024K限制及代码压缩相关 为了提升小程序体验流畅度，编译后的代码包大小需小于 1MB ，大于 1MB 的代码包将上传| 链接 微信小程序支付（微信支付签名错误 发起支付时的签名需要有appId(不是appid,大小写)| 链接 微信支付（微信小程序支付） 小程序仅支持微信支付；而微信支付需要认证后才可以使用，需要花费300元认证费用；| 链接 微信登录问题 有个登录功能，为什么小程序在别的手机上无法登录？| 链接 Session、session_key及checkSession checkSession 就是用来检测 session_key 是否过期| 链接 用户未授权获取登录信息的替代方法 用户如果拒绝授权，需要10分钟等待后才可以再次申请授权；| 链接 授权获取用户信息的弹窗 授权获取用户信息窗口在开发工具可以多次提示，在手机上测试的时候只弹出一次，这是正| 链接 openid与unionid微信登录必备| 链接 解密获取unionid问题unionid，需要 先在微信开放平台内绑定小程序；towxml，bluebird 微信小程序完整demo：客家旅运：包括后端部分 微信小程序学习用demo：扫雷，绘制表格 微信小程序demo：canvas手绘雷达图 微信小程序学习用demo：音乐播放器界面 微信小程序demo：酒水商城 微信小程序学习用demo：todolist：增删改查 微信小程序demo：会学猫：题库类，模拟登陆与退出登陆 微信小程序完整demo：Shuttles；PHP后端 精品模板demo：场地租用；左滑删除，条件筛选，图集查看 微信小程序demo：小天气；定位地点，更新实时天气 微信小程序练习demo：点击展开与点击关闭 微信小程序demo：evus提交申请 微信小程序demo：小方银行 微信小程序学习用demo：微投票：图片上传，左滑删除 微信小程序demo：同城拼单：发布活动，遮罩层 微信小程序demo：轻奢礼物说；电商简易模板 微信小程序学习用demo：侧滑删除、缓存使用、showapi使用 微信小程序学习用demo：电影资讯 微信小程序学习用demo：DNF记事本：线上小程序源码 微信小程序demo：冷猫先森：聚合数据api 微信小程序精品demo：微挂靠公司端：下拉菜单，联系人列表 微信小程序demo：二手书：界面设计 微信小程序学习用demo：cnode：wxParse富文本解析使用 微信小程序demo：贝思客：电商模板，购物车模板 微信小程序demo：图书借阅系统 微信小程序demo：扫码借阅系统：PHP后端 微信小程序demo：优惠资讯：横版日历，tab栏 微信小程序demo：衬衫定制：返回顶部，搜索历史记录 微信小程序demo：168彩票通；拼音排序组件 微信小程序信道服务器DEMO（java语言） 微信小程序学习用demo：获取城市api、计算器、电影api 微信小程序商城类完整demo：DFS：前端、PHP后端 微信小程序demo：微信支付后端demo（java） 微信小程序demo：金盆洗脚城；node后端，微信登录，微信支付 微信小程序demo：手语榜 微信小程序demo：鲑鱼出行：扫码停车 微信小程序demo：海畔吉风；课表 微信小程序demo：myfirstwechatsp 微信小程序demo：小说阅读，结合对应的服务端（PHP） 微信小程序demo：华夏学习：评论：发送信息清空输入框 微信小程序demo：ZEC/CNY行情 微信小程序demo：塑料圈通讯录，自定义tabbar 微信小程序demo：秀打赏，粉丝互动类模板 微信小程序demo：在线点餐：仿饿了吗菜单 微信小程序学习用demo：钢琴与计算器 微信小程序demo：steamfriends 微信小程序demo：dota2选择英雄与阵营 微信小程序demo：健康菜谱 微信小程序优质demo：良票演出：线上小程序源码 微信小程序demo：汇汇生活：电商模板，仿淘宝密码输入框 微信小程序组件及API练习demo集合 微信小程序学习用demo：电商学习模板，弹出层，三级联动 基于微信小程序开发框架的 Google Translate(IOS) 微信小程序canvas编辑器（真机可用） 微信小程序精品demo：基因数据 网络请求和数组排列以及下拉选择 微信小程序学习用demo：简易计算器：Flexbox布局 事件绑定… 微信小程序demo：政务通；表单列表，抽屉层 微信小程序游戏类demo：翻牌小程序 微信小程序demo：海马服务 微信小程序精品demo：余味全球精选餐厅， 微信小程序demo：打卡签到 微信小程序demo：记账本 微信小程序demo：图书馆，豆瓣api，二维码扫描 ——– 2月26日更新： ——– 实战系列更新： 关于如何将大神demo应用于自己项目的方法 微信小程序开发中遇到的问题及总结 微信小程序template模板的使用 微信小程序开发知识点总结 微信小程序左滑删除效果的实现 微信小程序tips 微信小程序之顶部导航栏 微信小程序自定义对话框+弹出和隐藏动画详解 多个页面共享一套数据，父页面传递参数给子页面，数据缓存 … demo更新适应新版（这里特指v0.14.140900版）的demo： · 玩转Canvas-炫酷列表字母索引 · 小程序之基于canvas绘制高铁线路图 · 微信小程序demo：九猫大百货：商城类demo · 微信小程序学习用demo：todolist · 微信小程序demo：摇色子，animation动画学习 · 微信小程序学习用demo：订单管理，浮层菜单，页面设计 · 微信小程序学习用demo：电商模板，全静态页面 · 微信小程序学习用demo：wx-charts-demo；图表插件学习demo · 微信小程序demo：资讯活动：花伴，线上小程序源码 · 招聘求职类demo：伯乐优选：布局list循环 联网获取 数据显示 · 微信小程序demoUI：开张有吉：类餐馆类商户模板 · 微信小程序学习用demo：滴滴音频卡：长按播放音频 · 微信小程序精品demo：资牙网；完整可用，服务类demo · 微信小程序学习用demo：使用canvas绘制雷达图 · 微信小程序demo：基于websocket的微信聊天室小程序 ——– 2月18日更新： 目前版本较为稳定，开发工具的BUG也开始变少，审核也开始逐渐稳定，当然，更重要的是：大家都开始冷静的使用小程序了，这是一个好现象。 ——– 问答精选系列更新： 问答《三十》tabBar上总是少一张icon图,清除控件的默认样式 sf问答精选《三》点击展开再次点击收回，setData 问答《三十一》页面分享的参数。IOS 10.2.1 下面无法打开 问答《三十二》showModal的内容(content)可以定制 demo更新适应新版（这里特指v0.14.140900版）的demo： · 微信小程序之Canvas–玩坏FlappyBird · 微信小程序demo：类tabbar的横向和纵向切换 · 微信小程序demo：最佳东方，求职招聘类demo · 微信小程序完整demo：巴爷商城（含后端） · 微信小程序demo：机构宝：登录，注册页面 · 微信小程序学习用demo：搜索结果高亮 · 微信小程序完整demo：简易音乐播放（java后端） · 微信小程序学习用demo：法语：视频播放 · 微信小程序学习用demo：viivMovie，轮播图点击事件 · 微信小程序demo：webSocket的实践 · 微信小程序demo：万科会议室：二维码扫描预订 · 微信小程序demo：疾病一搜通：自定义字体 · 微信小程序完整demo：图书馆：书籍查询，写笔记，含后端 · 微信小程序学习用demo：DQ：购物车合算，遮罩层 · 微信小程序学习demo：小商城：商品详情，定位，购物车 · 微信小程序学习用demo：艺术品评级：二维码 · 微信小程序demo：梦咖啡；选择商品，加入购物车 · 微信小程序demo：招聘伯乐：页面布局，上拉刷新 · 微信小程序学习demo：读诗：tab列表，音频播放，字典词典 插件/工具更新 · 微信小程序实用小组件：自定义tabbar · 微信小程序模块化组件开发框架 （4kb轻量小程序组件开发… · 微信小程序用户加密数据解密Go的实现 · 微信小程序接口封装的Flask扩展 · V5KF客服SDK of 微信小程序（智能客服） ——– 2月14日光棍节为你打地铺更新： ——– 跳坑系列更新： · 跳坑《九十八》内存占用过多 · 跳坑《九十七》模板消息相关问题说明 · 跳坑《九十六》返回码（错误码）集合说明 · 跳坑《九十五》微信登录问题 · 跳坑《九十五》客服消息相关 · 跳坑《九十四》api获取图片报错403 官方问答系列更新： 问答精选《二十七》ES6转ES5问题，ios出现必应地图 问答《二十八》最新版(0.14)之后代码无法上传，WebSocket端口- 问答《二十九》用手机回复客服会话，pages文件夹里面不能… demo更新适应新版（这里特指v0.14.140900版）的demo： · 今天有点忙，撸了个片段–Canvas 练手（贪吃蛇的入门版） · 音乐视屏播放,歌词展示,暂停/播放/上一首/下一首 · 微信小程序demo：仿玩物志商城 · 微信小程序demo：棒棒达寄件平台：参数传递，城市三级联动 · 微信小程序学习用demo：摩西脑图 · 微信小程序小组件：仿直播点赞气泡效果，基于Canvas · 微信小程序demo：团购，仿美团界面，轮播图 插件工具更新： · 微信小程序silk录音文件转mp3 · V5KF客服SDK of 微信小程序（智能客服） · 微信小程序图片裁剪工具we-cropper · 将html文件转为微信小程序用的wxml文件 · 微信小程序集成环信SDK · Fundebug微信小程序插件：实时监测小程序的错误 ——– 2月9日更新： ——– 56：特别系列：新手常见问题集锦系列 新手常见问题集锦《一》 新手常见问题集锦《二》 新手常见问题集锦《三》 新手常见问题集锦《四》 新手常见问题集锦《五》 实战系列更新 微信小程序编写tabBar模板，map组件markers属性动态初始化 微信小程序实战：计算器 微信小程序（有始有终，全部代码）开发-跑步App+音乐播放器 … 记一次小程序开发poc【附代码】，客服咨询类，使用socket 微信小程序上传阿里云视频文件流程及代码 微信小程序开发－模仿“优优老师”课程日历- 微信小程序2048开发记录- 微信小程序实战开发：在线播放+弹幕- ayuLiao：做一个比较完整的微信小程序(一)- ayuLiao：做一个比较完整的微信小程序(二)- 微信小程序实战案例三个：今日头条，记事本，机器人 官方问答系列更新： 问答精选《二十五》circles属性设置使用报错，ios10.2证书问题 问答精选《二十六》点击button重新请求数据，安卓多张图片上传 … demo更新适应新版（这里特指v0.14.140900版）的demo： · 微信小程序学习用精品demo：跟单 · 微信小程序学习用demo推荐：读书；小清新 · 微信小程序Canvas练手–波浪涌动进度条 · 微信小程序完整demo：销售龙虎榜：包含后端 · 微信小程序学习用demo：优惠猎手（红包）；简易图片动画… · 微信小程序商城类demo：吉利宝；页面完善 · 微信小程序学习用demo：每日一蘸；tab，界面设计 · 微信小程序demo：树莓派照片监控，webSocket，mqtt · 微信小程序练习demo：tab及图表wx-charts使用练习 · 微信小程序demo：淘券VIP：优惠券 · wxapp-addr:微信小程序城市选择demo · 微信小程序demo：乡居网：条件筛选列表，tab菜单，谷歌统计 · 微信小程序demo：许愿：增加文本，保存文本，修改文本 · 微信小程序demo：Math Game；数字游戏 · 记一次小程序开发poc【附代码】，客服咨询类，使用socket · 微信小程序demo：萌芽停车，基于leancloud（含教程） · 微信小程序基本demo：tabbar, list, refresh, scrollView, 微信 · Wechat-websocket(H5与微信小程序WebSocket跨端聊天室) · 微信小程序实用组件之MaterialDesign– Snackbar · 微信小程序练习demo：小测试；wxParse，tab 插件/工具更新： · xml字符串转换json格式，适用于微信小程序 · W2X：面向组件开发的微信小程序开发框架 | 脚手架 · holdnoListener 微信小程序事件订阅及广播：跨页面传参 · 微信公众平台SDK Senparc.Weixin for C#，支持.NET Framework及. · zanui-weapp：高颜值、好用、易扩展的小程序 UI 库，Powered by · 微信小程序实用组件：使用font-awesome字体，真机可用 · 封装的一些微信小程序的方法：城市数据等，级联 · 微信小程序解密服务（基于node） · 地图map开放平台总集：百度地图，腾讯地图，高德地图 · 微信小程序日期选择页面 · 百度地图微信小程序JavaScript API v1.0 · webstorm开发微信小程序代码提醒(webstorm开发工具) 跳坑系列更新： · 跳坑《九十三》小程序开发上线步骤简要说明 · 跳坑《九十二》net::ERR_CONNECTION_TIMED_OUT · 跳坑《九十一》审核坑辅助贴：官方手机测试型号收集贴 · 跳坑《九十》带参数二维码相关知识 · 跳坑《八十九》小程序敏感词汇过滤问题（关键词过滤） · 新手跳坑-微信小程序判断显示与不显示 wx:if="false" · 跳坑《八十八》Failed to load resource: the server responded · 跳坑指南《八十七》下拉刷新在真机上无法实现 ——– 2月3日更新内容（因知乎篇幅 限制，删除了12月份前所有内容） ——– 问答精选系列更新： 官方问答《二十》playvoice问题，解密算法官方没有JAVA示例 官方问答《二十一》用setData修改数组，动态获取view的高度 官方问答《二十二》安卓平台地图bug，mac工具打开报错 官方问答《二十三》margin padding设置了没用，画出很细的线 问答精选《二十四》拨打电话号码怎么传递，设置时间无效 特别系列： https相关系列 微信小程序登录 微信小程序支付 canvas学习系列 demo更新适应新版（这里特指v0.12.131901beta版）的demo： · 微信小程序demo：日历签到 · 微信小程序学习用精品demo：跟单 · 微信小程序的功能封装：缓存，音乐播放器，Polyfill · 微信小程序demo：猴哥数码城；商城；附java后端 · 微信小程序学习用demo：Inventory；列表展开，tab切换 · 微信小程序学习用demo：五子棋，基于canvas · 看到论坛里面有很多leancloud的Demo但是没有具体的后台配置 · 微信小程序精品demo：祝福话（含设计素材下载） · 微信小程序demo：移民顾问：列表排序，弹出层，五星评分 · 微信小程序demo：国际包裹查询，二维码扫描，自定义字体 插件工具更新： · 微信小程序实用组件之MaterialDesign-Snackbar · 微信小程序之MaterialDesign（二）–组件的ripple&reveal效果 · ZUI 为 微信小程序 量身设计 · 微信小程序，模仿 Bottom Sheet 样式控件 ——– 1月23日更新内容 ——– 53：han_cui入门实战系列：博客地址：han_cui的博客 - 博客频道 - CSDN.NET han_cui入门实战《一》设置页面标题，设置底部导航，创建轮播图 … … han_cui入门实战《二》表单基本功能，聊天客服工具 han_cui入门实战《三》聊天室，基于Gorilla WebSocket han_cui入门实战《四》用户登录: 54：钟述林使用免费api开发系列：博客地址：小程序 - 知识林 知识林微信小程序实例开发《一》 天气情况 知识林微信小程序实例开发《二》问答机器人，笑话大全 知识林微信小程序实例开发《三》综合小娱乐 小技巧系列更新： 微信小程序小技巧系列《十三》多级联动，自定义圆形进度条 … 微信小程序小技巧《十六》文字跑马灯，仿Table效果 微信小程序小技巧《十九》实现图片高度自适应，带参数分享 … 微信小程序小技巧：使用三元运算符代替wx:if，使用switchTab切换TabBar … 微信小程序小技巧《二十》无刷新修改：刷新数据不刷新页面 … 小程序小技巧《二十一》使用modal，css实现遮罩层 微信小程序-自定义swiper面板指示点的样式，image图片自适应宽度比例显示 跳坑系列更新： · 跳坑指南《八十五》带参数二维码，返回数据保存为图片 · 跳坑指南《八十四》当前系统代理不是安全代理 · 跳坑《八十三》解密获取unionid问题 · 跳坑《八十二》 JSON.parse报错：Uncaught SyntaxError：Unexpec · 跳坑《八十一》request:fail response data convert to UTF8 fai · 新手跳坑 swiper组件 轮播图片 右边空白问题 · 跳坑指南《八十》授权获取用户信息的弹窗 · 跳坑《七十九》调试模式与非调试模式，不校验域名 · 跳坑《七十八》thirdScriptError报错 · 跳坑《七十七》tabbar真机不显示文字 · 跳坑《七十五》审核提供测试账号，必须提供微信授权登录 · 新手跳坑《七十五》报错expect end-tag demo更新适应新版（这里特指v0.12.131901beta版）的demo： · 微信小程序demo推荐：股票；动态分时图、K线图 · 微信小程序游戏类demo：经典扫雷，绘制一张 10*10 的地图 · wx-Canvas：基于微信小程序canvas的图片绘制 · 微信小程序学习用demo：小程序请求API接口，网络请求封装 · 微信小程序demo：任务列表；增删改查 · 微信小程序demo：新闻小站；抽屉层 · 微信小程序完整demo：语音小闹钟；自定义tabbar，录音 · 微信小程序学习用demo：微信登录 · 微信小程序学习用demo：泰九智投-预约开户；正则验证 · 微信小程序demo：小点名：canvas，基于leancloud · 微信小程序完整demo：美人鱼小说；包含前后端 · 微信小程序练习demo：活石；tab切换，数据更新 · 微信小程序demo：掌中厨房 · 微信小程序学习用demo：flex骰子布局，todolist · 微信小程序完整demo：语音日记本；php后端 · 微信小程序demo：贪食蛇；Canvas绘制 插件工具更新： · 小程序组件：一个页内多次调用省市三级联动 · 微信小程序-微信小程序之MaterialDesign-input组件 · 微信小程序实用组件：右侧字母检索，例子（体验杠杠的） · 微信小程序提示框toast组件 · 微信小程序实用组件，自定义toast组件：WXHUD · 微信小程序 snippets for vscode · 微信小程序MD5加密（支持中文） · 微信小程序实用组件：省市区联动选择器 · 基于微信小程序 Canvas API 实现的柱状图和趋势图 · 基于微信小程序canvas的图表控件，适用于wepy框架 · 微信小程序-ToolTip信息提示组件 · 时间选择器(年月日时分)datetime-picker · AppAdhoc微信小程序 SDK 集成文档 · 基于七牛云 API 开发的微信小程序 SDK · 微信小程序-常用效果分享：swiper制作tab切换 每天进步一点点 复制“追着太阳晒”