• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序开发

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

 

作者:初雪
链接: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:简易教程: 3:设计指南: 4:微信小程序公测接入指南 5:微信支付:【微信支付】微信小程序支付开发者文档 微信小程序支付 6:入门教程:新手教程 7:跳坑系列:经验 -

8:视频合集:视频资源 -

9:有问题请发帖求助:提示信息 - 微信小程序联盟 10:从零开始:微信小程序新手入门宝典(正在更新)

11:微信小程序问题解决方案专辑

12:微信小程序从注册到上线专辑-小程序审核/发布

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

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


特别介绍:微信小程序开发者工具版本及推出日期: 介绍目的:据此日期,可以避免自己受到老教程的误导,请优先阅读/使用新日期的教程/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日推出

0.15.152900版本:3月29日推出


微信小程序大事记编年史(新增):增加此部分,旨在让大家独立去思考变化的意义:(日期非精确,仅为大致日期) 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日跟新:

--------

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

微信小程序脚手架

将分享卡片自动生成页面路径的的二维码的微信机器人

--------


5月4日更新:

--------

特殊合集:

微信小程序特殊效果合集第一期

微信小程序特殊效果合集第二期

微信小程序优秀教程及文章合集第一期

微信小程序项目总结系列:作者:Tong_T,博客地址:Tong_T的博客 - 博客频道 - CSDN.NET

微信小程序项目总结《一》序言、准备工作、项目构架

微信小程序项目总结《二》配置、首页面开发

微信小程序项目总结《三》阅读首页、阅读详情开发

微信小程序项目总结《四》电影首页、电影更多开发

微信小程序项目总结《五》电影首页、电影更多开发

微信小程序项目总结《六》项目结束和补充总结

5月4日更新demo:

微信小程序完整商城类demo:灵动云商(含PHP后端)(线上)

用CSS3实现动画效果

微信小程序demo:拼车小程序

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

微信小程序完整demo:猜拳小程序(go+websocket+redis+mysql)

微信小程序demo:选课投票,遮罩层、统计图

小程序学习用demo:年终计划:剩余天数,秒数倒计时

微信小程序UIdemo:三种图片列表样式

微信小程序预约类demo:Pnpack代泊车:

微信小程序demo:音乐相伴

微信小程序demo:redux的加减

微信小程序demo:急救 微信小程序demo:旅行类小程序(获取城市)

微信小程序demo:将数字金额转换为中文大写金额

微信小程序学习用demo:花瓣阅读

微信小程序demo:济颐馆:营养品类商城

微信小程序demo:即刻小视频

微信小程序地址选择三级联动/自动获取当前地址

微信小程序demo:微天气

微信小程序demo:守望轩:个人博客,富文本解析

微信小程序demo:乐仁商城

一个上传车牌到后台自动识别车牌号的demo(LUA后台)

微信小程序完整demo:练习项目(基于node)(icon字体图标)

微信小程序demo:智能诊断机器人

微信小程序demo:todolist

微信小程序demo:小商城

微信小程序demo:L-house:租房类demo

微信小程序demo:仁怀酱酒宝:酒类商城模板

微信小程序完整商城类demo:灵动云商(含PHP后端)(线上)

微信小程序demo:我的名片

微信小程序demo:营业计算器

微信小程序demo:弹幕效果

微信小程序学习用完整demo:canvas涂鸦(含node后端)

微信小程序demo:密码管理器;根据规则生成随机密码并保存

微信小程序demo:随机唐诗

微信小程序demo:济颐馆,商城类demo

微信小程序demo:实时校吧,使用weui.wxss

微信小程序demo:城市花园婚纱摄影:下拉加载

微信小程序demo:汽车库车辆征信

微信小程序demo:表情袋:搜索提示,底部菜单

微信小程序demo:报名吧

针对ApiAdmin2.0提供的微信小程序的脚手架!(MD5)

微信小程序canvasdemo:黑客帝国metrix效果、渐变时钟

微信小程序demo:运程指南

微信小程序demo:宇宙中心2017(业主类小程序)

微信小程序完整demo:喵喵看书:ASP.NET后端

微信小程序demo:githubAPI搜索库及用户练习

微信小程序demo:十二神鹿点餐(外卖小程序)

微信小程序完整demo:明星图(含NODEJS后端)

微信小程序完整demo:私语:录音及播放(PHP后端)

微信小程序demo:天气预报

小程序实现单页应用之残疾版

微信小程序后端demo:数据发给netty服务器与硬件通讯

微信小程序demo:群助手

用CSS3实现动画效果

微信小程序demo:上海实时公交查询

微信小程序demo:仿小睡眠;音乐播放与定时关闭

微信小程序完整demo:简易记账(含后端)

--------

4月26日更新:

--------

微信小程序开发手记系列;作者:王梵,博客地址:王梵 - 博客频道 - CSDN.NET

微信小程序开发手记《一》:项目的代码结构

微信小程序开发手记《二》:属性display

微信小程序开发手记《三》:backgroud和border属性

微信小程序开发手记《四》:视图容器-

微信小程序开发手记《五》:组件

微信小程序开发手记《六》:API

--------

4月23日更新:(删除2月份之前的所有内容)

--------

跟着小猪来做小程序开发系列:作者:smallpig,作者博客:smallerpig

跟着小猪来做小程序开发:获取用户openid

跟着小猪来做小程序开发:解密CryptedData

跟着小猪来做小程序开发:获取FormId

跟着小猪来做小程序开发:表单

跟着小猪来做小程序开发:本地数据存储

跟着小猪来做小程序开发:体验模板消息

4月23日更新demo:

仿微信, QQ 列表左滑删除功能

微信小程序精品demo:加速度手机维修:三级联动,底部菜单

微信小程序精品demo:餐饮小程序(只做了前台)

微信小程序批量生成带参二维码后端(NODEJS)

微信小程序demo:快看天气

微信小程序demo: 新闻阅读器

微信小程序完整demo:爱靓女(PHP后端)

微信小程序demo:怪兽棉的时光

微信小程序demo:canvas特殊时钟

微信小程序demo:网络请求封装;GET/POST/上传/下载

微信小程序demo:呱呱养车商户版:

微信小程序demo:一般公差:点击展开与隐藏

微信小程序demo:平尺计算器

微信小程序优质demo:U智;线下小程序典范模板

微信小程序swipetab:基于swiper, scroll和 view实现

小程序实用demo:生成二维码 扫描二维码(条形码)

微信小程序社区(论坛)全栈解决方案

微信小程序学习用demo:外卖(购物车)

微信小程序完整demo:金斧子(含node后端)

微信小程序完整demo:足球圈:使用iconfont(含node后台)

微信小程序demo:宝宝喂奶,信息记录及生成统计图

微信小程序商城类demo:丽芙家具

微信小程序demo:空调配置快速报价

微信小程序demo:魔法账本:记账,统计与查询

微信小程序demo:乌鲁木齐地铁到站时间查询(线上源码)

微信小程序demo:虎扑足球:使用underscore.js与wxParse

微信小程序demo:爱卡汽车:侧边栏菜单,车型列表与对比

小程序demo:哈希密码:MD5,SHA-1,SHA-265,SHA-512,RIPEMD-1

微信小程序商城类demo:灵动云商:商城模板demo

微信小程序demo:融都互金:金融类模板

微信小程序完整demo:图片上传demo(附java后端)

4月23日更新插件/工具:

微信小程序傻瓜式音频播放器wx_player

官方开发者工具使用教程(附最新demo列表)

微信小程序LC云牵引服务器(node)

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

微信小程序构建工程模板

微信小程序模板:一切为了:瘦身,瘦身,瘦身

--------

4月17日更新:

--------

微信小程序实战商城系列:作者:ouyang,作者博客michael的博客 - 博客频道 - CSDN.NET

微信小程序实战商城系列《一》侧栏分类

微信小程序实战商城系列《二》 仿淘宝分类入口

微信小程序实战商城系列《三》购物数量加减

微信小程序问题汇总及详解系列:作者:JoyJin,作者博客:JoyJin - 博客园

微信小程序问题汇总及详《一》form表单

微信小程序问题汇总及详解《二》tab切换-

微信小程序问题汇总及详解《三》picker 增、删

微信小程序问题汇总及详解《四》图片上传和地图

微信小程序问题汇总及详解《五》点击发送清空input值

微信小程序问题汇总及详解《六》获取form表单初始值提交数据 ...

demo更新:

微信小程序精品demo:中国珠宝通

微信小程序精品demo:个人公交卡定制(模板选择及购买)

微信小程序demo:卡片切换动画移动demo

微信小程序demo:小明找厕所,主要功能为搜索附近测试实...

微信小程序demo:致简生活:天气预报,城市选择组件

微信小程序学习用demo:请求网络数据

微信小程序demo:自助理赔,遮罩层,手机注册及验证

微信小程序完整demo:集思笑话,含Vue.js后端,点赞

微信小程序demo:新闻小站;新闻模板

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

微信小程序demo:悦云科技;公司信息类模板demo

微信小程序微商城示例模板demo

微信小程序demo:婚庆啦;团购类模板

微信小程序demo:QQ音乐,音乐搜索,列表及播放记录

微信小程序demo:草民工匠社;时间、toast、网络请求封装

微信小程序学习用demo:上传图片,下载文件,打开文件

微信小程序demo:沐阳记:录音,选择图片

微信小程序学习用demo;遇见书画(适合个人使用)

微信小程序demo:8684公交查询

微信小程序demo:农商易付,使用wxparse及mock模拟数据

微信小程序demo:一起玩2048:游戏类

微信小程序demo:仿QQ音乐h5版小程序

微信小程序demo:迷你指南针,使用电子罗盘

微信小程序完整demo:猫眼电影:含node后端

微信小程序demo:日历

--------

4月10日更新:

--------

微信小程序笔记系列:作者:brandonxiang ,作者博客:brandonxiang - 简书

微信小程序-微信小程序笔记《一》:map地图与BAT的接口SDK-

微信小程序笔记《二》:天气应用,使用高德地图和心知天气 ...

微信小程序-微信小程序笔记《三》:彩蛋“谁更帅”;图片投票含后端-

微信小程序-微信小程序笔记《四》:翻译小轮子weapp-i18n(迈向国际化)

插件组件系列更新:

微信小程序-从AddressPicker实现探讨小程序组件封装方式

微信小程序-微信小程序触摸内容滑动解决方案we-swiper

使用Sublime Text3开发微信小程序

为你的小程序提供 mobx 数据层驱动

微信小程序-微信小程序wxTimer更新,加入多计时器功能。

微信小程序-使用小程序组件化开发框架wepy

微信小程序-小程序专用LBS数据服务工具包(腾讯位置服务)

微信小程序 webpack 插件

微信小程序-使用socket.io搭建简单聊天室

微信小程序-使用组件化开发框架wech-

Mint8(ubuntu16.04) 搭建微信Web开发工具(linux)

atom 支持微信小程序开发环境

demo更新支持新版:

微信小程序demo:仿UC宣传页面的简单动画效果

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

微信小程序学习demo:支持搜索的多选,单选赛选

微信小程序练习demo:收支账本:

微信小程序demo:offerShow简易版

微信小程序demo:数据极客社区;wxParse

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

微信小程序学习用demo:蓝牙测试

微信小程序精品demo:河南手机报远程发稿系统

微信小程序demo:两眼看书:小说类demo:

微信小程序美容行业demo:美业帮:用户注册与登录;

微信小程序学习用demo:豆瓣电影及练习

微信小程序demo:图搜天下;图片分页列表、下载及保存

微信小程序电商模板demo:微信商城:仅有部分界面设计

微信小程序学习用demo:todolist:增删

微信小程序线上demo:快递喵:二维码扫描

--------

4月5日更新:

--------

跳坑系列更新:

该文章已有0人参与评论

请发表评论

全部评论

热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap