注:本文转载知乎上的回答
作者:初雪
链接: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:设计资源下载: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/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7
9:实战宝典:http://www.wxapp-union.com/special/solution.html
10:从注册到上线系列:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4375
11:精品合集:
导航系列:
特别说明:
1:不了解微信小程序的同学,请先搜索一下微信小程序究竟是什么,有哪些特性;
2:有htmlcssjs基础者可以直接进入实践,边实践边学习,尤其是有react与vue基础的;
3:微信小程序不需要特别申请(认证或账号)即可开始使用工具开发;
4:微信小程序是需要后台的,不限定任何语言,提供小程序接口要求的json格式即可;
5:初次开发者,推荐阅读新手跳坑系列,有几个坑,先了解一下,遇到时便可以查阅了;
6:如有作者不希望自己的作品被放置在这里,请联系我删除;
7:如果遇到问题,推荐多使用搜索,对帖子及文章进行搜索;
微信小程序大事记编年史:旨在让大家独立去思考变化的意义:(日期非精确,仅为大致日期)
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月30日:附近的小程序:微信小程序-官方:“附近的小程序”将开放,小程序连接更多线下场景
4月14日:微信开放长按识别小程序二维码功能;
4月17 日:小程序开放新能力;第三方平台,代码包大小限制扩大到2M
4月18日:小程序推出全新小程序码
4月20日:今天起,公众号可以关联不同主体的小程序了
4月21日:公众号群发文章支持添加小程序-
4月25日:最新消息:公众号和小程序名称支持同主体复用
4月27日:公众平台新增快速创建小程序
4月28日:甩掉流程,公众号可以快速注册新的小程序了
5月8日:开放群ID接口,可获取群ID和群名称
5月10日:开放“附近小程序”
5月12日:上线“小程序数据助手”,支持实时查询小程序数据
5月19日:新增页面内转发功能;支持接入微信运动步数数据等
5月27日:小程序码生成数量无限制;用户画像支持分析小程序数据
6月1日:公众号群发文章通过文字或图片链接打开小程序功能
6月3日:小程序新增推广功能,支持自定义关键词
6月14日:小程序新增“星标”功能
6月21日:新增小程序打开小程序的能力
7月6日:公众平台新增小程序运维中心等功能
7月12日:小程序升级页面体验相关能力
7月21日:小程序新增状态信息展示等能力
7月26日:小程序升级用户信息和UnionID的获取方式
8月3日:小程序新增新入口-微信群
8月5日:一个小程序可关联最多50个公众号
8月18日:附近的小程序新增餐饮类目筛选,且门店小程序支持外显视频或卡券标签
8月19日:小程序分享等能力升级
8月25日:手机号快速填写及会员卡开卡组件开放
8月31日:小程序开发工具全新上线
9月9日:微信搜索框新增小程序快捷入口
10月13日:升级录音、拍摄、音视频播放等多媒体能力
11月3日:小程序内嵌网页能力开放!小程序可关联500个公众号!
11月10日:小程序可通过公众号底部广告位推广、“小程序开发助手”发布、开发者工具内腾讯云服务支持PHP语言;
12月29日小程序资讯集合
微信小程序开发问答《八十一》修改循环item中的属性值 & 如何清除图片缓存? ...
微信社交玩法升级 “微信礼品卡”小程序带你玩转礼品卡“红包” ...
9:1的市场份额背后,支付宝、微信与其他玩家如何角力移动支付 ...
用setData修改对象的属性值/去除button按钮的边框
【小程序踩坑系列】小程序退出后扫码再进入,“外部”代码不会再次执行 ...
从iOS的世界初探微信小程序开发时收集的坑(持续更新...)
微信小程序的wx.request API和获取openId、sessionKey的方法【原创】 ...
12月29日小程序Demo集合
12月15日小程序资讯集合
周留存=月留存=半年留存,「忆年」相册小程序如何黏住千万用户? ... ...
微信小程序的数据绑定与下拉刷新与template模块使用问题
实现微信小程序的wxml文件和wxss文件在phpstrom的支持
【小程序踩坑】 扫普通二维码调起小程序bug:码地址传递错误,传为历史地址 ...
微信怎么诞生的?小程序“葵花码”的未来是啥?财富论坛马化腾亲口揭晓 ...
开发 | 小程序也能像朋友圈一样「折叠全文」?有了这个技巧就能做! ...
小程序是中国剩余6亿流量的钥匙,头部小程序的共性是什么? ...
12月15日小程序Demo集合
12月1日小程序资讯集合
连胜--小程序中滚动条的使用,wx.pageScrollTo和<scroll-view>的对比
微信小程序 - IOS 仿饿了么"我的",下拉橡皮筋效果
微信小程序 | 使用 canvas 生成朋友圈分享图片并保存到手机相册
微信小程序的网络设置,及网络请求:wx.request(OBJECT)
微信小程序开发问答《八十》实现 sticky header 效果 & input标签中文字被遮盖
12月1日小程序Demo集合
11月6日小程序资讯集合
微信正悄悄试点一个新玩法,有内容创业者高呼“未来今晚已来” ...
小北微信小程序教程之 -- 实现完整的相册列表逻辑(小程序端&服务器端) ...
小北微信小程序之小白教程系列之 -- 项目实战(小乖猴助手小程序) ...
为打通外卖送餐“最后一百米”,美团外卖研发了一个小程序 ...
用wxDraw.js制作酷炫的小程序canvas动画『wxDraw 小程序界的zrender』 ... ...
对小程序地图小程序API:my.createMapContext(mapId)的简单使用
支付宝悄悄地上线了小程序的入口,并为你预装了20款不可删除的小程序 ...
从微信小程序看promsie.all和promise顺序执行
「最全总结」没有公众号和流量渠道,该如何推火自己的小程序? ... ...
蘑菇街双十一辟蹊径:用小程序“支点”撬动新社交电商战略 ...
11月6日小程序Demo集合
10月24日小程序Demo集合
10月14日小程序资讯集合
支付宝小程序与生活号可互相关联啦!一个生活号最多可关联10个小程序 ...
JABrea--从iOS的世界初探微信小程序开发遇的坑与喜(持续更新...) ...
CentOS 7.3 下部署基于 Node.js的微信小程序商城
微信小程序开发问答《七十六》canvas绘制图片模糊 & Math.js如何引入 ...
9月22小程序Demo集合
9月15日小程序资讯集合
微信小程序 如何在页面直接传递信息 / 通信方法 / 附带项目案例 ...
4个理由告诉你,为什么 iOS 11 是对小程序的最强助攻!
微信小程序开发问答《七十三》登录相关问题 & 上传logo返回后不能同步 ... ...
微信小程序实现页面数据显示、wx:if elif else的用法
微信小程序input表单页面实例,redio和下拉列表获取数据
微信小程序开发问答《七十二》sticky header 效果 & 自定义 imageUrl 无效 ...
9月15日小程序Demo集合
9月8日小程序资讯集合
微信小程序开发问答《七十一》picker选择日期 & image无法显示base64的图片 ... ... .
支付宝小程序PHP全栈开发--前端样式的设计.acss样式详解
官方问答--微信小程序常见FAQ (17.8.21-17.8.27)
微信小程序开发问答《七十》微信小程序的for循环 & 小程序效果处理技巧 ... ... ... .
9月8日小程序Demo集合
9月1日小程序资讯集合
开发者工具版本更新:202017.08.31 (1.01.170831)
支付宝的社交虽干不过微信,但做小程序绝对比微信更适合! ...
微信小程序开发问答《六十九》radio样式不能自定义 & 多个input如何方便的获取提交 ..
微信小程序getPhoneNumber快速获取用户手机号组件
腾讯推出升级版“七夕黄金红包”,借社交关系链推动黄金交易 ...
9月1日小程序Demo集合
微信小程序Demo:页面效果(底部弹出、支付密码、顶部提...
8月18日小程序Demo集合
8月11日小程序资讯集合
微信小程序开发问答《六十二》 下拉出来的白底调色 &amp;amp;amp; wx.navigateBack 传值到上一个界
微信小程序开发实战&amp;amp;amp;电影小程序之(2)——阅读页面轮播图-新闻列表页面构建-数据绑定
微信小程序开发实战&amp;amp;amp;电影小程序之(1)——基础目录、欢迎页面的创建 ...
微信小程序开发问答《六十一》 轮播图修改小点点 &amp;amp;amp; 使用字体图标 ...
小程序开群分享入口:微信终归要抢回被淘宝分走的电商生意 ...
微信小程序中如何使用setData修改数组或对象中的某一参数
微信小程序开发问答《六十》错误状态码(例如:401)的获取&amp;amp;amp; 日期选择器的起始时间极限
微信小程序开发问答《五十九》后台换取openid &amp;amp;amp; 数据过滤
8月11日小程序Demo集合
8月4日小程序Demo集合
微信小程序Demo:DragSort列表拖动排序(页面特效)
7月28日小程序Demo集合
7月21日小程序Demo集合
owindwo 微信小程序版本(影视推荐、音乐播放、地图、api)
7月14日小程序Demo集合
微信小程序Demo:Running-master(动画、跑步、音乐、录音效...
微信小程序Demo:青春521(基于LBS的动态分享小程序)
7月7日小程序Demo集合
微信小程序开发Demo:(开发中的后端能力,增删改、登录....
5月8日更新:
--------
demo更新:
微信小程序demo:ofo共享单车,使用模拟数据,登录与退出
微信小程序demo:websocket测试(含java后端)
微信小程序完整demo:搭伴拼团(PHP):微信支付,客服消息
小程序完整demo:托福资料(springmvc+mybatis+CMS)
插件/工具更新:
--------
5月4日更新:
--------
特殊合集:
微信小程序项目总结系列:作者:Tong_T,博客地址:Tong_T的博客 - 博客频道 -CSDN.NET
--------
跳坑系列更新:
跳坑《一百七十九》收货地址wx.chooseAddress使用说明-
跳坑《一百六十一》wx.saveFile文件保存API使用指南
跳坑《一百八十二》arrayBuffer与base64互转接口-
跳坑《一百八十一》设置API:wx.openSetting使用说明-
跳坑《一百八十四》换取session_key报40029错误-
跳坑《一百八十五》encryptedData数据解密41003错误
跳坑《一百八十七》MAP地图markers使用问题相关说明-
跳坑《一百八十九》Uncaught Dom limit exceeded报错
--------
开发前必读简要基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要;|链接
微信小程序个人注册简单步骤打开http://mp.weixin.qq.com,点击右上角立即注册,进入小程序注册|链接
微信开发者工具【项目】详解为什么我的小程序通过审核,但是搜索不到呢?原因是必须在后台内点击发布,才会发布;|链接
小程序开发上线(发布)步骤这篇帖子将简单的介绍基本的步骤,以便新手们建立一个基本的印象;|链接
从零开始:微信小程序新手入门宝典为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里; |链接
安卓或ios开发者学习小程序指南我发现很多安卓或是ios开发者,学习了小程序的开发,并且很顺利。 |链接
WXSS/CSS相关知识说明为了更适合开发微信小程序,WXSS对 CSS 进行了扩充以及修改。|链接
使用官方WEUI-WXSS相关知识使用官方 UI 简化设计开发流程,如果你的项目对 UI 定制要求不是很高的话。|链接
常用api域名配置列表及免费API集合免费API大全以及后台配置域名的方法|链接
一键添加小程序所有文件jswxmlwxssjson升级到新版后可以“一键”新建小程序4个常用文件,不用一个一个的去建,方便多了!|链接
常用快捷键总结 (mac系统/win系统)1: opt + shift + f : 代码格式化2: cmd + [, cmd+ ]代码行缩进。。。|链接
让他人体验自己的小程序怎么让别人体验自己的小程序啊,我认为这个将是很多朋友即将遇到的问题|链接
官方社区使用指南为了让大家解决问题更有效率,官方社区是必不可缺的。|链接
如何让微信小程序更容易审核通过微信小程序审核不通过,有很多原因,其中最明显的一点就是:服务类目问题;|链接
审核提供测试账号自有账号体系 提交审核怎么提供测试账号|链接
关于如何将大神demo应用于自己项目把大神们造轮子的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅 |链接
使用本地服务器进行调试怎么请求本地网络啊 IP形式的网络?怎么访问本地架设的服务器?|链接
开发者工具无法登录账号最近开始频发无法登录账号的问题,诸如request https 404报错 登录态失效等 |链接
小程序敏感词汇过滤问题用户需要发表内容的小程序,需要设定关键词过滤,屏蔽掉政策不允许的内容:|链接
公众号关联微信小程序简单方法很多人可能会问,公众号如何添加微信小程序呢?步骤很简单: 1:https://mp.weixin.q|链接
无法长按识别及无法分享到朋友圈的替代方法看到@327674413同学发了一个花样二维码,我看了之后,顿时来了一个灵感。。。 |链接
使用PHP/thinkphp后端问题后端部分跟小程序的前端部分是分离的 |链接
使用java后端问题说明请求数据方面没有区别,只需要提供json格式的数据接口即可;但是因为小程序方面对其他|链接
使用nodeJS作为小程序后端node用的人很多啊。。稍微聚集一下相关的知识|链接
使用C#解密用户信息由于官方没有提供C#的解密demo,所以大家只能八仙过海各显神通了。。。 |链接
使用第三方SDK及服务及扩展库及框架目前已经为小程序开发了SDK及可以辅助开发的库或框架或SDK|链接
使用第三方库(第三方js)小程序怎样引用第三方js呢?第三方js是封装好的类库 想引用进来实例化使用|链接
使用第三方编辑器(IDE开发小程序,并非一定要使用官方的编辑器,你也可以任意选择自己喜欢的编辑器;|链接
模块化、组件化及封装开发过程中要学会不断的重构代码,尽量提高代码的可重用性,尽量不要复制相同的代码。|链接
参数传递,跨页面传值或通讯相关知识这个东西,是开发小程序必备神器,越深入了解,越可以有效的帮助自己|链接
图表类:折线图,柱状图,K线,分时图各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现。|链接
模版template使用,import及includetemplate是小程序中的一个重要应用;WXML 提供两种文件引用方式import和include。 |链接
富文本解析:将html转为为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及checkSessioncheckSession 就是用来检测 session_key 是否过期|链接
用户未授权获取登录信息的替代方法用户如果拒绝授权,需要10分钟等待后才可以再次申请授权;|链接
授权获取用户信息的弹窗授权获取用户信息窗口在开发工具可以多次提示,在手机上测试的时候只弹出一次,这是正|链接
openid与unionid微信登录必备|链接
解密获取unionid问题unionid,需要 先在微信开放平台内绑定小程序;http://open.weixin.qq.com,方可解密出unioni|链接
带参数二维码,返回数据保存为图片php,java,node,C#等保存为图片的方法|链接
带参数二维码相关知识生成的数量有限制,总共只有10万个;另外,扫码访问次数没有限制。|链接
MD5加密使用说明聚集一下md5加密在小程序中的使用相关的内容: |链接
页面路径五层限制官方规定页面路径只能是五层,请尽量避免多层级的交互方式。|链接
并发数及连接数限制及promise/async/awaitrequest 的最大并发数是 5;upload/download最大并发限制是 5 个|链接
wx.downloadFile问题downloadFile,需要在小程序公众后台配置相应的downloadFile域名,否则会无法正常使用|链接
wx.uploadFile(上传文件)相关问题特别提示一:upload必须在小程序公众后台配置上传域名,才可以在真机使用。|链接
图片上传问题域名检测全部是正确的,并且后台也配置了域名,但是安卓就是无法上传图片:|链接
wx.openDocument打开文件新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx|链接
wx.saveFile文件保存API文件保存API是很多人懵逼的。。。|链接
模板消息相关问题说明当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息|链接
客服消息相关(客服按钮修改客服按钮能自己定义吗?可以的|链接
swiper轮播图组件1:如何上下滚动;2:如何点击;3:如何自定义指示点|链接
button按钮组件使用button用来配合form或者单独点击|链接
分享相关 知识onShareAppMessage只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮|链接
image图片组件使用background-image:可以使用网络图片,或者 base64,或者使用标签|链接
模态弹窗wx.showModal及遮罩层带有输入框的弹窗|链接
微信小程序缓存API相关知识关于数据缓存,怎么能获取到本地缓存使用了多少,还剩多少|链接
map组件,地图使用相关问题包括百度地图,腾讯地图,高德地图api及各种地图相关demo|链接
WebSocket相关问题说明请保证wss域名符合https的要求;比如备案,不得带有端口等;|链接
canvas相关问题说明canvas、textarea、video层级最高的变通方法|链接
音频相关问题:播放,录音等相关包括语音识别类demo及教程|链接
录音文件格式为silk(silk转mp3)暂不支持模拟录音,手机上录音目前是silk格式。如何转为mp3困住了不少人|链接
语音搜索及语音识别相关这属于小程序框架体系之外的功能,可以将语言传给第三方服务器进行识别|链接
progress进度条及slider凑合看吧,比如自定义圆形进度条。。。|链接
radio单选(单项选择器文章及demo可能并非是radio的使用说明,而是实现了自定义了单选等;|链接
switch开关选择器使用自定义switch方法说明|链接
组件系列:scroll-view实现滑动及锚点功能|链接
组件系列:textareatextarea可能出现的问题五花八门,请做好心理准备|链接input组件坑点较多。。。|链接
重力感应及罗盘API开始搞摇一摇了。。。|链接
计时器/倒计时相关倒计时,计时器等组件使用说明|链接
视频播放相关(video组件)video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。|链接
text组件,文本换行及空格总结一下text组件,以及文本换行,文本溢出及空格,复制问题;|链接
animation动画相关问题本帖主要是针对animation的使用相关的教程及问题说明|链接
toast吐司组件问题说明(自定义toast)包括自定义toast等问题说明|链接
picker及picker-view组用途广泛的联动选择器,目前已经比较实用了;|链接
tabbar相关问题说明包括tabbar不显示,自定义tabbar等问题的说明|链接