请选择 进入手机版 | 继续访问电脑版

乐趣微盟

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 416|回复: 2

如何入门微信小程序开发,有哪些学习资料?

[复制链接]

298

主题

314

帖子

1206

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1206
发表于 2018-1-2 11:26:43 | 显示全部楼层 |阅读模式
作者:初雪
链接: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-6月微信小程序导航:官方文档+精品教程+demo集合
7月微信小程序导航:官方文档+精品教程+demo集合
8月微信小程序导航:官方文档+精品教程+demo集合
9月微信小程序导航:官方文档+精品教程+demo集合
10月微信小程序导航:官方文档+精品教程+demo集合
11月微信小程序导航:官方文档+精品教程+demo集合

特别说明:
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日:小程序推出全新小程序码
预览图片API可以打开小程序码(小程序互跳)
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语言;
11月16日:支持创建微信小店小程序



12月29日小程序资讯集合


12月29日小程序Demo集合



12月15日小程序资讯集合

12月15日小程序Demo集合

12月1日小程序资讯集合

12月1日小程序Demo集合


11月6日小程序资讯集合


11月6日小程序Demo集合




10月24日小程序Demo集合




回复

使用道具 举报

298

主题

314

帖子

1206

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1206
 楼主| 发表于 2018-1-2 11:27:22 | 显示全部楼层
作者:初雪
链接:https://www.zhihu.com/question/50907897/answer/128494332
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

10月14日小程序资讯集合


9月22小程序Demo集合

9月15日小程序资讯集合

9月15日小程序Demo集合

9月8日小程序资讯集合

9月8日小程序Demo集合



9月1日小程序资讯集合





9月1日小程序Demo集合





8月18日小程序Demo集合


8月11日小程序资讯集合



8月11日小程序Demo集合




8月4日小程序Demo集合



7月28日小程序Demo集合



7月21日小程序Demo集合


7月14日小程序Demo集合





7月7日小程序Demo集合


5月8日更新:
--------

demo更新:
微信小程序demo:ofo共享单车,使用模拟数据,登录与退出
微信小程序demo:websocket测试(含java后端)
微信小程序完整demo:实时校园巴士(含PHP后端)
微信小程序demo:消防业务
微信小程序demo:二维码解锁(物业小程序)
微信小程序demo:asthma(课程学习)
微信小程序demo:日历;bootstrap字体图标
微信小程序demo:图灵聊天机器人
微信小程序demo:Growth
微信小程序练习demo:音乐播放,视频播放
微信小程序完整demo:搭伴拼团(PHP):微信支付,客服消息
微信小程序demo:天气预报
小程序完整demo:托福资料(springmvc+mybatis+CMS)
微信小程序demo:区块链;手机注册,扫码
微信小程序demo:FontAwesome自定义图标使用
微信小程序demo:简易日历
微信小程序demo:中欧商学院:自定义tabbar,轮播图
微信小程序完整demo:私语:语音笔记本(PHP)
微信小程序demo:手机归属地查询
微信小程序demo:可贴快递:自动选择快递,查询记录
微信小程序demo:重庆求职防坑手册:点赞,评论,发布信息

插件/工具更新:

微信小程序框架wepy - 滑动删除插件
微信小程序库--签名解密(php)
微信小程序图片剪切
微信小程序之自动登陆PHP源码
微信小程序后端接口:登陆,检验,数据解密(go语言)
微信小程序的异步请求
自动生成svg雪碧图,支持微信小程序rpx单位
微信小程序开发脚手架
微信小程序 手势事件
微信小程序滚动插件 xHSwiper
微信小程序脚手架
将分享卡片自动生成页面路径的的二维码的微信机器人
--------



回复

使用道具 举报

298

主题

314

帖子

1206

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1206
 楼主| 发表于 2018-1-2 11:28:04 | 显示全部楼层
作者:初雪
链接:https://www.zhihu.com/question/50907897/answer/128494332
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

5月4日更新:
--------
特殊合集:
微信小程序特殊效果合集第一期
微信小程序特殊效果合集第二期
微信小程序优秀教程及文章合集第一期
微信小程序项目总结系列:作者:Tong_T,博客地址:Tong_T的博客 - 博客频道 - CSDN.NET
微信小程序项目总结《一》序言、准备工作、项目构架
微信小程序项目总结《二》配置、首页面开发
微信小程序项目总结《三》阅读首页、阅读详情开发
微信小程序项目总结《四》电影首页、电影更多开发
微信小程序项目总结《五》电影首页、电影更多开发
微信小程序项目总结《六》项目结束和补充总结


--------
跳坑系列更新:
跳坑《一百七十六》蓝牙API使用指南-
跳坑《一百七十七》场景值系统使用
跳坑《一百七十八》基础库及兼容低版本基础库说明
跳坑《一百七十九》收货地址wx.chooseAddress使用说明-
跳坑《一百八十》剪贴板API使用说明
跳坑《一百三十二》用户未授权获取登录信息的替代方法
跳坑《一百六十一》wx.saveFile文件保存API使用指南
跳坑《一百八十二》arrayBuffer与base64互转接口-
跳坑《一百八十一》设置API:wx.openSetting使用说明-
跳坑《一百八十三》三轴加速度计使用及调试说明
跳坑《一百八十四》换取session_key报40029错误-
跳坑《一百八十五》encryptedData数据解密41003错误
跳坑《一百八十六》支付签名校验失败-
跳坑《一百八十七》MAP地图markers使用问题相关说明-
跳坑《一百八十八》MAP地图controls控件使用问题
跳坑《一百八十九》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及include        template是小程序中的一个重要应用;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及checkSession        checkSession 就是用来检测 session_key 是否过期| 链接
用户未授权获取登录信息的替代方法        用户如果拒绝授权,需要10分钟等待后才可以再次申请授权;| 链接
授权获取用户信息的弹窗        授权获取用户信息窗口在开发工具可以多次提示,在手机上测试的时候只弹出一次,这是正| 链接
openid与unionid微信登录必备| 链接
解密获取unionid问题unionid,需要 先在微信开放平台内绑定小程序;http://open.weixin.qq.com,方可解密出unioni| 链接
带参数二维码,返回数据保存为图片php,java,node,C#等保存为图片的方法| 链接
带参数二维码相关知识        生成的数量有限制,总共只有10万个;另外,扫码访问次数没有限制。| 链接
MD5加密使用说明        聚集一下md5加密在小程序中的使用相关的内容: | 链接
页面路径五层限制        官方规定页面路径只能是五层,请尽量避免多层级的交互方式。| 链接
并发数及连接数限制及promise/async/await        request 的最大并发数是 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实现滑动及锚点功能| 链接
组件系列:textarea        textarea可能出现的问题五花八门,请做好心理准备| 链接 input组件        坑点较多。。。| 链接
重力感应及罗盘API开始搞摇一摇了。。。| 链接
计时器/倒计时相关        倒计时,计时器等组件使用说明| 链接
视频播放相关(video组件)video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。| 链接
text组件,文本换行及空格        总结一下text组件,以及文本换行,文本溢出及空格,复制问题;| 链接
animation动画相关问题        本帖主要是针对animation的使用相关的教程及问题说明| 链接
toast吐司组件问题说明(自定义toast)        包括自定义toast等问题说明| 链接
picker及picker-view组        用途广泛的联动选择器,目前已经比较实用了;| 链接
tabbar相关问题说明        包括tabbar不显示,自定义tabbar等问题的说明| 链接

编辑于 2017-12-29

3.8K​215 条评论​分享

​收藏​感谢收起





贺嘉

用户标识            
互联网 话题的优秀回答者




收录于 编辑推荐 · 1,407 人赞同了该回答

无内测邀请,1个小时快速搭建微信小程序

「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面)。本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了
因此也就有了我与「小程序」的初体验,而我的感受只有一个字——爽!

选择哪个「小程序」Demo?在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json 文件里(分明有网络请求 API)。我想体验的是能够将服务端和小程序端无缝连接起来(体验够爽)的项目。最终,我选择了腾讯云官方推出的「小相册Demo
「小相册」主要实现了以下功能:
  • 列出对象存储 COS 中的图片列表。
  • 点击左上角上传图片图标,可以调用相机拍照或从手机相册选择图片,并将选中的图片上传到 对象存储 COS 中。
  • 轻按任意图片,可进入全屏图片预览模式,并可左右滑动切换预览图片。
  • 长按任意图片,可将其保存到本地,或从 对象存储 COS 中删除。







回复

使用道具 举报


QQ|Archiver|手机版|小黑屋|乐趣微盟 ( 青ICP备11000010号-2 )

GMT+8, 2018-11-22 02:55 , Processed in 0.164200 second(s), 28 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表