微信小程序正式公测,开发相关资料

作者:初雪
链接:https://www.zhihu.com/question/50907897/answer/128494332
来源:知乎
著作权归作者所有,转载请联系作者获得授权。

微信小程序正式公测,公测时间:11月3日夜;11月28日公布1月9日推出微信小程序;张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) …

1月9日已经正式开放!
快讯:微信小程序亲测体验,公众号入口曝光!
微信小程序展示及体验请看:商店展示
前言:新人第一坑,跳坑指南:修改后,必须保存;ctrl+S;

特别提醒:
1:下载开发者工具必须在如下工具地址下载,请勿从微信公众后台入口下载;如果你不小心下载安装了0.7.0版本的工具,请彻底删除后,重装如下地址的正确工具;
2::如果安装后无法扫描登录,请在开发工具内代理位置查看是否设置了代理;假如正常使用中无法登陆,请稍后片刻或是删除重装工具,可能是官方出现了问题,

一:推荐地址集合:
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:从零开始:微信小程序新手入门宝典(正在更新)

整理了一下最近收集了好久的资料,给同学们参考:共分了5类;
1:推荐文档地址:
2:教程系列集合;本回答内教程系列均得到了原作者授权转载分享;
3:demo合集
4:插件合集

特别说明:
1:不了解微信小程序的同学,请先搜索一下微信小程序究竟是什么,有哪些特性:
2:有htmlcssjs基础者可以直接进入实践,边实践边学习,尤其是有react与vue基础的;
3:微信小程序不需要特别申请(认证或账号)即可开始使用工具开发;
4:微信小程序是需要后台的,不限定任何语言,提供小程序接口要求的json格式即可;
5:初次开发者,推荐阅读新手跳坑系列,在底下有,有几个坑,先了解一下,遇到时便可以查阅了;
6:如有作者不希望自己的作品被放置在这里,请联系我删除;
7:如果遇到问题,推荐多使用搜索,对帖子及文章进行搜索;

推荐阅读:
临时配套教程(仅限研究使用):个人无appid如何进行申请开发者权限,简单操作步骤
如何让他人体验自己的小程序:新手跳坑指南《四十五》如何让他人体验自己的小程序
公司内的一个简易解决方案:如何让公司的开发者之间可以互相分享开发的小程序
问题解决方案:面向新手《九》:微信小程序常见错误及基本排除方法
真机本地不同问题:微信小程序真机预览跟本地不同的问题

为了方便让机构和团队能够更好的使用我们,我们推出了一个服务:微信小程序联盟欢迎开发团队/原创团队/公众号/产品入驻

特别介绍:微信小程序开发者工具版本及推出日期:
介绍目的:据此日期,可以避免自己受到老教程的误导,请优先阅读/使用新日期的教程/demo;在教程中遇到困惑时,请对比官方教程,假如无法解决,请请教熟悉的同学或发帖求助;
1014版本:10月14日推出:
1028版本:10月28日推出:
1123版本:11月23日推出:
1221版本:12月21日推出:
1230测试版本:12月30日推出:
1304版本:1月4号推出:0.12.130400版本更新详情:ES6支持度说明
1306测试版本:1月6日推出:

1月8号更新内容
——–
跳坑系列更新(最新坑)

46:鎏嫣宫守护css学习系列:博客地址:qq_32067045的博客 -
鎏嫣宫守护wxss学习系列《一》定位(position),布局(Layout)
鎏嫣宫守护wxss学习系列《二》尺寸(Dimension),外边距(margin)和内边距(padding) …
鎏嫣宫守护wxss学习系列《三》背景(Background)与颜色(Color),边框(Border) …

47:lecepin入门系列:博客地址:王乐平 技术博客 – 博客频道 – CSDN.NET
微信小程序入门《一》: 简 介、文本、事件、样式
微信小程序入门《二》实例:条件渲染、数据遍历、网络请求、获取本地图片 ..

48:hotapp小程序统计系列
针对小程序参数二维码,HotApp提供参数二维码精准统计
HotApp云笔记-精品开源demo-基于免费API
HotApp小程序统计仿微信聊天窗口开源用户反馈组件
HotCity城市选择器 开源-城市数据库可自己导出

demo更新适应新版(这里特指v0.12.1306beta版)的demo:

实用组件更新

——–
1月2日更新内容
——–
44:特别系列:canvas内容学习系列
WeZRender:微信小程序Canvas增强组件-
小技巧系列《十一》canvas中的save和restore,view使用bindtap传值 …
提示信息 – 微信小程序联盟
小程序canvas绘制K线,从0开始的日记(一)
Canvas绘制微信小程序画布时钟-
安静的小智:我的canvas使用总结-
微信 小程序 canvas测试心得干货
wx-charts微信小程序图表工具:基于canvas绘制:饼图,线图,柱状图,区域图 …
微信小程序学习demo推荐:豆瓣电影,canvas时钟-
微信小程序canvas组件简单运用之涂鸦
小程序完整demo:飞翔的小鸟:canvas实现,java后端(适用1221)
45:特别系列:animation内容学习系列
微信小程序学习用demo:小马互联:animation,简易布局
微信小程序学习用demo:圆形旋转菜单,animation运用
微信小程序学习用demo:我开始方了;animation使用
微信小程序demo:多tab的切换,slider交互与animation创建动画

demo更新适应新版(这里特指v0.11.12300beta版)的demo:

——–
12月27日更新内容
——–
42:特别系列:小技巧系列更新完善
微信小程序小技巧系列《一》幻灯片,tab导航切换
微信小程序小技巧系列《二》show内容展示,上传文件编码问题
微信小程序小技巧系列《三》列表左右滑动,左滑删除功能实现
微信小程序小技巧系列《四》使元素占满整个屏幕高度,修改swiper 圆点样式 …
微信小程序-微信小程序小技巧系列《五》传值,事件-新手教程-微信小程序联盟
微信小程序小技巧系列《六》不支持require,修改后数据刷新问题 … …
微信小程序小技巧系列《七》五星评分,制作微信小程序组件 …
微信小程序小技巧系列《八》picker-view日期选择器,获取用户openId …
微信小程序小技巧系列《九》自定义底部弹出框,更改页面文件夹名称的正确姿势 … …
微信小程序小技巧系列《十》左右滑动切换页面,文本溢出-新手教程-微信小程序联盟
微信小程序小技巧系列《十一》canvas中的save和restore,view使用bindtap传值 …
微信小程序小技巧系列《十二》支付倒计时效果,滑动删除效果 …
43:特别系列:官方问答精选系列(仅更新1221版本后更新内容)
官方问答精选《三》版本更新特别版:编译显示自定义预览-新手教程-微信小程序联盟
官方问答精选《四》分享连接传入的参数,用户数据解密算法 …
官方问答精选《五》图片读取失败,picker-view 初始值设置无效 …
官方问答精选《六》this.setData,动态改变navigationBarTitleText值-
官方问答精选《七》体验者安卓卡在加载页面进不去,真机测试分享按钮 …
官方问答精选《八》wx.showToast()无效,分享功能真机没有效果
官方问答精选《九》js如何获取当前组件的宽高,wx.openDocument
官方问答精选《十》打通微信账号和系统用户账号,SVG支持
官方问答精选《十一》后台服务器配置https,获取canvas的尺寸
//跳坑指南系列更新(更多请看底部)

demo更新适应新版(这里特指v0.11.122100版)的demo:

——–
12月22日更新内容
——–
41:微信小程序开发心得系列:作者微信号:Tabniu
微信小程序开发心得第一章:心法修炼
微信小程序开发心得第二章:千里传音(模板消息)

demo更新适应新版(这里特指v0.11.122100版)的demo:(以下demo并非新demo,而是在新版本下仍然可用的demo)

——–
12月17日更新内容(删除了11月13日前更新的内容,保持本回答内容一直是全新的)
——–
37:特别系列:官方回答精选系列:
官方文档BUG,tip及QA提示一览
微信小程序常见问题官方回答集合
官方问答精选系列《一》提交审核时提供测试账密码,二维码扫描
官方问答精选《二》Linux版,UnionId,苹果手机组件参数问题
官方问答精选《三》版本更新特别版:编译显示自定义预览
38:特别系列:uploadfile跳坑系列;专为跳过uploadfile坑而聚合
Mjw:微信小程序之踩坑之旅一,wx.request 和 wx.uploadFile
微信小程序 wx.uploadFile 的编码坑跳坑记录
微信小程序上传图片(附java后端代码):使用chooseImage,uploadFile …
wx.uploadFile在安卓机the same task is working解决方法
新手跳坑指南《五十四》wx.uploadFile无法上传的第三方解决方案 … …
新手跳坑指南《五十三》uploadFile fail Error: self signed certificate
新手跳坑指南《三十九》wx.uploadFile
跳坑《四十一》uploadFile脱坑IIS服务器无法上传大于50K的图片
wx.uploadFile没执行完,后面的代码执行了

39:特别系列:实用组件系列
Markdown渲染库:在小程序中渲染Markdown文本
联系人右侧拼音导航
微信小程序定时器组件(输入时间字符串即可倒计时)
微信小程序图表插件:饼状图,K线图
WxResource–基于wx.request的一个封装,提供RESTful服务
省市区三级联动(api)
toast增强插件:三种弹出样式
微信小程序脚手架工具(帮助你快速部署源码)
微信小程序Emoji展示输入组件
wxParse-微信小程序富文本解析自定义组件
wx.getUserInfo返回的拼音省名市名转成汉字…
添加并使用外部字体(成功添加到维吾尔语了…
实现picker省市联动选择
下拉菜单

40:特别系列:编辑器辅助插件系列
webStorm代码提示插件
VSCODE微信小程序辅助小工具自用版(11月18日更新)
微信小程序的sublimeText插件
web 端实时运行工具WEPT
为 sublime text 2&3 准备的微信应用号/小程序 snippet
使用atom开发微信小程序:ATOM编辑器自动补全插件

demo更新适应新版(这里特指v0.11.112301版)的demo:

——–

12月11日更新内容(风传即将开放第一批小程序)(删除了11月10号之前更新的内容)
——–
特别推荐:微信小程序-实用组件:Markdown渲染库:在小程序中渲染Markdown文本

demo更新适应新版(这里特指v0.11.112301版)的demo:

插件更新:

——–
12月7日更新内容
——–
34:特别系列:实用系列
微信小程序添加并使用外部字体(成功添加到维吾尔语了.
微信小程序实现picker省市联动选择
新手布局福音!微信小程序使用flex的一些基础样式属性

35:特别系列:面向新手系列;
面对新手系列《一》输入转义符尖括号问题怎么处理?
面对新手系列《二》点击切换内容问题
面向新手系列《三》样式中未统一用 rpx 的原因,view的并
面向新手系列《四》官方文档BUG,tip及QA提示一览
面向新手系列《五》POST请求,服务器接收不到data参数问题
面向新手系列《六》快速创建页面技巧及正则使用简介
面向新手系列《七》加载本地图片与网络请求
微信小程序-面向新手系列《八》for循坏,数据访问,下拉刷新/上拉加载
微信小程序-面向新手《九》:微信小程序常见错误及基本排除方法
微信小程序-面向新手《十》:多个view居中显示,轮播,局部元素隐藏
小技巧《一》;scroll-view让滚动视图区域停止滚动及实现锚点

36:特别系列:审核坑系列;为避开审核坑而专门聚合
一千种审核不通过的理由?
注册审核过程中,提交过于频繁,或你将不能继续进行注册
微信小程序<服务范围>全表,卡在这里的同学看看

插件更新:

demo更新适应新版(这里特指v0.11.112301版)的demo:

——–

12月3日更新内容
——–
32:LiuJun2Son微信小程序实践教程系列:博客地址:liujun2son – 博客频道 – CSDN.NET
LiuJun2Son:微信小程序实践教程:欢迎界面
LiuJun2Son:微信小程序实践教程《二》:仿开眼首页
LiuJun2Son:微信小程序实践教程《三》:仿开眼分类页
LiuJun2Son:微信小程序实践教程《四》:仿果库列表
LiuJun2Son:微信小程序实践教程《五》:仿知乎主题日报列表

33:特别系列:微信支付系列:本系列为微信支付跳坑而聚合(更新完善)
微信小程序支付(微信支付)文档(2016.11.25版本)
微信小程序进行微信支付步骤简述 (推荐阅读!)
微信支付API错误码查询
小程序微信支付不完全接入指南
移动支付开发:小程序微信支付开发的一点体会
必看!官方文档没有!从零接入微信小程序支付(微信支付) …
微信小程序支付流程(注意事项),小程序支付回调
实战:微信小程序支付开发具体流程
微信小程序支付(微信支付)封装接口教程

34:特别系列:https系列:本系列为https跳坑而特别聚合
微信小程序-《二十四》request:fail错误(含https解决方案)(真机预览问题
微信小程序-微信小程序免费SSL证书https、TLS版本问题的解决方案
微信小程序-https proxy:http转https工具,解决部分同学难以搞定https的问题
微信小程序-天河微信小程序入门《二》:阿里云tomcat免费配置https
微信小程序配置服务端https协议《一》-申请证书
微信小程序配置服务端https协议《二》nginx+tomcat服务器配置
Nodejs+Express创建HTTPS服务器+WS模块创建加密的WS服务
花了一晚上将博客上了 https ,还是蛮简单的
HTTPS帮助系列《三》如何选择 SSL 证书及免费SSL证书推荐
一斤代码深入理解系列《六》:基于阿里云搭建微信小程序服务器(HTTPS) …

插件更新:

demo更新适应新版(这里特指v0.11.112301版)的demo:

——–

11月29日更新内容
——–
30:LiuJun2Son入门实践系列:博客地址:liujun2son – 博客频道 – CSDN.NET
LiuJun2Son:微信小程序实践教程:欢迎界面
LiuJun2Son:微信小程序实践教程《二》:仿开眼首页
31:Wondgirl入门教程系列:博客地址:Wondgirl的极客世界 – 博客频道 – CSDN.NET
[Wondgirl] 入门系列教程《一》上手简介
[Wondgirl] 入门系列教程《二》视图渲染
[Wondgirl] 入门系列教程《三》模板的使用、事件

demo更新适应新版(这里特指v0.11.112301版)的demo:

插件更新:

辅助工具更新:本期工具:可视化设计工具:layout

——–
11月24日更新内容
——–
29:程序员实战系列(公众好:程序员实战):博客地址:再起航! – 博客频道 – CSDN.NET
程序员开发实战系列《一》注册、预览小程序
程序员开发实战系列《二》微信小程序架构篇
程序员开发实战系列《三》App()和Page()
程序员开发实战系列《四》视图层WXML绑定数据、模板、逻辑
程序员开发实战系列《五》视图层WXML:事件

demo更新适应新版(这里特指v0.11.112301版)的demo:此次更新并非新demo,而是适应新版的demo集合:

新手跳坑系列:(部分文章可能不适用最新版本,请参考版本日期部分介绍,更新倒序)
21:新手跳坑系列:新人第一坑,跳坑指南:修改后,必须保存;ctrl+S

新手跳坑系列《九》:post请求
新手跳坑系列《十》修改配置域名后,提示不在合法域名内
新手跳坑指南《十一》require 和hidden不生效,@import无效
新手跳坑指南《十二》事件绑定调用多次
新手跳坑指南《十三》手机中浏览时显示空白页
新手跳坑指南《十四》真机预览限制大小1024K
新手跳坑指南《十五》view标签设置背景图片手机无法预览
新手跳坑系列《十六》没有配置路由,input,空格回车,中文 -
新手跳坑系列《十七》Page route 错误
新手跳坑指南《十七》:设置tabBar图片无法显示
新手跳坑指南《十八》wx.showToast消息显示框手机预览失败
新人跳坑系列《十九》swiper无法保持宽高比
新人跳坑系列《二十》文本溢出
新手跳坑系列《二十一》page[pages/XXX/XXX] not found.May be caused by
新手跳坑系列《二十二》下拉框picker属性?三元运算符
新手跳坑系列《二十三》免费DV证书在IOS上出现SSL错误 -
新手跳坑系列《二十四》request:fail错误(含https解决方案) (真机预览问题必备!)
新手跳坑系列《二十五》scroll-top –
新手跳坑系列《二十六》一系列的大坑 –
新手跳坑系列《二十七》scroll-view 高度问题;水の流觞
新手跳坑系列《二十八》jq$带来的问题
新手跳坑系列《二十九》无法登录开发者工具
新手跳坑系列《三十》item加短横线-问题
新手跳坑系列《三十一》js里面的data数据展现不出来
新手跳坑指南《三十二》修改配置后,开发者工具内无效
新手跳坑系列《三十三》未添加api.weixin.qq.com
新手跳坑指南《三十四》wx.canvasToTempFilePath
新手跳坑指南《三十五》无法创建新项目
新手跳坑指南《三十六》变量污染
新手跳坑指南《三十七》openid与unionid
新手跳坑指南《三十八》网络请求重定向问题
新手跳坑指南《三十九》wx.uploadFile
新手跳坑系列《四十》小程序地图和百度地图的坐标转换
跳坑《四十一》uploadFile脱坑IIS服务器无法上传大于50K的图片
新手跳坑指南《四十二》图片显示不全
新手跳坑指南《四十三》微信录制的音频格式问题
新手跳坑指南《四十四》微信小程序 +nodejs+socket.io bug
新手跳坑指南《四十五》切换 wxml panel-
新手跳坑指南《四十六》如何让他人体验自己的小程序-
新手跳坑指南《四十七》微信小程序支付(微信支付
新手跳坑指南《四十八》wss
新手跳坑指南《四十九》微信缓存

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>