微信小程序 教程及示例
链接:https://www.zhihu.com/question/50907897/answer/128494332
来源:知乎
著作权归作者所有,转载请联系作者获得授权。
微信小程序正式公测,公测时间:11月3日夜:
公告地址:https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1478163659&version=14&lang=zh_CN
公测配套使用攻略:
微信小程序公测接入指南
整理了一下最近收集了好久的资料,给同学们参考:共分了5类;
1:官方文档地址:
2:免费视频地址:
3:教程系列集合;
4:100个demo
5:学习论坛
11月5日更新内容
--------
19:_Wake新手入门攻略系列:博客地址:_Wake - 简书
_Wake:新手入门攻略《一》视图与渲染,点击事件
_Wake:新手入门攻略《二》配置及生命周期,布局基础&样式基础
demo更新:适应新版(这里特指v0.10.102800版)的demo
- 微信小程序demo:福利demo:美女荟萃;适用1028版本
- 微信小程序demo:titans
- 微信小程序学习用demo:附登录设计实战教程
- 微信小程序优质demo:We重邮;适用1028版本
- 微信小程序demo:仿手机淘宝;适用1028版本
- 微信小程序demo:Dribbble
- 微信小程序推荐demo:备忘录:适用1028版本
- 微信小程序优质demo推荐:24点计算游戏;适用1028版
- 微信小程序demo:智能机器人;适用1028版本
- 微信小程序demo:万年历
- 微信小程序demo:github博客
- 微信小程序优质demo推荐:高仿芒果TV(暂无接口):适用1028
- 微信小程序优质demo:知乎;适用1028版本
- 微信小程序demo:够野活动;适用1028版本
- 微信小程序demo:水果小店:适合学习使用
- 基于微信小程序开发的仿微信demo ★100
- 微信小程序经典demo学习案例:flex布局栅格
- 微信小程序demo:简单的天气预报:适用1028版本
- 微信小程序demo:基于node:wechat app of girls scrapy spider
- 微信小程序demo:面包旅行;适用1028版本
- 微信小程序demo:小米天气:适用1028版本
- 微信小程序优质demo推荐:辩论计时
- 微信小程序demo:豆瓣电影:适用1028版本
- 优质demo推荐研究:桔子信用;适用1028版本
- 微信小程序demo:精美计算器:适用1028版本
- 微信小程序demo:大画表情;适用1028版本;推荐研究
- 微信小程序精品demo强烈推荐:有调商城:适用1028版本
- 微信小程序入门教程+案例demo
- 微信小程序demo:京东首页
- 微信小程序demo:在线音乐:适用1028版本
- 微信小程序demo:音乐播放器 技术栈: redux + es7 +labrador
--------
11月2日更新内容
--------
14:Coco-LG的学习笔记:博客地址:cocoLG的专栏
Coco-LG的学习笔记《一》事件
Coco-LG的学习笔记《二》view(视图容器)
Coco-LG的学习笔记《三》image(图片)
15:Acmen、L学习案例系列:博客地址:Acmen、L - 博客园
Acmen、L学习案例集锦《一》生命周期,组件
Acmen、L学习案例集锦《二》弹框组件modal,底部菜单
Acmen、L学习案例集锦《三》加载中提示框loading,
Acmen、L学习案例集锦《四》video视频播放,audio音频播放
16:梦断难寻新手入门篇系列:博客地址:梦断难寻 - 博客园
梦断难寻新手入门篇《一》:熟悉项目结构
梦断难寻新手入门篇《二》:获取系统信息,地理位置,用户信息
梦断难寻新手入门篇《三》:下拉刷新,上拉加载更多
17:一斤代码深入理解系列:专栏地址:一斤代码 - 简书
一斤代码深入理解系列《一》:微信小程序事件机制
一斤代码深入理解系列《二》:微信小程序样式机制
一斤代码深入理解系列《三》:微信小程序和服务器通信
一斤代码深入理解系列《四》:微信小程序和服务器通信
一斤代码深入理解系列《五》:微信小程序中使用Promise进行异步流程处理
18:qc_nj微信小程序准备工作系列:博客地址:再起航!
微信小程序准备工作:微信开发实战《一》申请测试号
微信小程序准备工作:微信开发实战《二》微信公众平台接口调试工具 ...
微信小程序准备工作:微信开发实战《三》开发者公众号的交互原理 ...
微信小程序准备工作:微信开发实战《四》URL、Token认证、java源码、免费新浪SAE部署 ...
demo更新:适应新版(这里特指v0.10.102800版)的demo
- 微信小程序优质demo推荐:心情笔记:适用10
- 微信小程序demo:课程列表:适用1028版本
- 微信小程序demo:外卖:适用1028版本
- 优质demo推荐:百家菜谱:适用1028版本
- 微信小程序demo:云图音乐:适用1028版本
- 使用TypeScript开发微信小程序的demo演示
- 微信小程序优质demo推荐:知乎日报;适用10
- 微信小程序demo:ITBLOG框架;适用1028版本
- 微信小程序demo:黑市商城框架;适用1028版
- 微信小程序demo:计时器:适用1028版本
- 微信小程序demo:XY商城:适用1028版本
- 微信小程序demo:哔哩哔哩bilibili排行榜:
- 微信小程序demo:芒果TV:适用1028版本
- 微信小程序demo:宅男社区
- 优质demo推荐:老酒商城:适用1028版本
- 微信小程序demo:豆瓣电影:适用1028版本
- 微信小程序完整demo(附前后端代码)
--------
微信小程序在10月27和28日连续更新了两个版本,很多demo在新程序版本下无法使用;以下为10月30日更新内容:
--------
12:半桶水分享系列:作者博客:d617973306的博客
半桶水技术分享:微信小程序实现跳转传参
半桶水技术分享《二》:js实现单选功能
半桶水技术分享《三》:wx:key理解
13:jsong技术分析系列:作者博客:博客 - jsongo0的个人空间;作者公众号:半圆生活
微信小程序开发系列分析《一》视图层
微信小程序开发系列分析《二》数据层
微信小程序开发系列分析《三》开发工具v0.10.102800-新增功能解析
微信小程序开发系列分析《四》websocket
微信小程序开发系列分析《五》模块化
微信小程序开发系列分析《六》主界面
微信小程序开发系列分析《七》生命周期和路由
demo新增:适应新版(这里特指v0.10.102800版)的demo
- 微信小程序demo:qq号吉凶测试:适用1028版
- 微信小程序完整demo:包含服务器端及数据库
- 优质demo推荐:豆瓣电影:适用1028版本
- 微信小程序demo:冥想;部分适用1028版本
- 微信小程序demo:工单:界面适用1028版本
- 微信小程序demo:神马假日与购物车:适用10
- 微信小程序demo:一天任务:部分适用1028版
- 微信小程序demo:共享ofo共享单车:适用1028
--------
一:官方地址集合:
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:腾讯云教程:https://www.qcloud.com/doc/product/448/6405
二:免费视频地址:
均为网络收集的免费视频:
视频资源 - Demo/资源下载
三:新手教程集合:原创不易,请大家多多支持作者专栏,教程系列均得到了原作者的授权;
1:顺子_RTFSC把玩系列:博客地址:顺子_RTFSC的专栏
微信小程序把玩《一》:window配置,tabBar底部导航,应用生命周期 ...
微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 ...
微信小程序把玩《三》:scroll-view组件,swiper组件,icon组件
微信小程序把玩《四》:text组件,progress组件,button组件
微信小程序把玩《五》:checkbox组件,form组件,input组件
微信小程序把玩《六》:picker组件,radio组件,slider组件
微信小程序把玩《七》:switch组件,action-sheet组件,modal组件
微信小程序把玩《八》:toast组件,loading组件,navigator组件
微信小程序把玩《九》:audio组件,image组件,video组件
微信小程序把玩《十》:wx.request(object) API,wx.uploadFile(object)
微信小程序把玩《十一》:Image API,Record API,Audio API
微信小程序把玩《十二》:Video API,Storage API,location API
微信小程序把玩《十三》:获取设备信息 API,navigation API,animation API ...
微信小程序把玩《十四》:canvas API
2:秀杰实战系列:博客地址:博客 - 秀杰的个人空间
秀杰实战教程系列《一》:记账应用开发
秀杰实战教程系列《二》:微信小程序绘图课程之饼图
秀杰实战教程系列《三》:下拉筛选菜单WXDropDownMenu组件
秀杰实战教程系列《四》:倒计时组件,LXStepper组件-商品数量加减 ...
秀杰实战教程系列《五》:实战课程之记账应用开发(续)
秀杰实战教程系列《六》:服务端之用户注册与登录基于ThinkPHP5描述 ...
秀杰实战教程系列《七》:实现购物车页面
秀杰实战教程系列《八》:记账应用实战服务端之用户注册与登录基于Codeigniter3描述 ...
秀杰实战教程系列《九》:应用实例教程服务端登录篇
秀杰实战教程系列《十》:服务端实现账目CRUD
秀杰实战教程系列《十一》:对接服务端账目CRUD
秀杰实战教程系列《十二》:基于LeanCloud实现访问网络与数据存储
3:有渔入门系列:博客地址:编程艺术 - 51CTO技术博客
有渔微信小程序系统概述《一》认识微信小程序与HelloWorld
有渔微信小程序系统概述《二》了解.js文件及.json文件
有渔微信小程序系统概述《三》view层及小程序框架概述
有渔微信小程序系统进阶《四》小程序组件
有渔微信小程序技术分析《五》Mustache语法要点总结
有渔微信小程序系统概述《六》小程序的API
有渔微信小程序技术分析《七》实例开发教程
有渔微信小程序系统概述《八》:小程序开发中应注意的几个问题
4:疯狂的猫入门系列:博客地址:疯狂的猫 - 博客园
微信小程序入门系列《一》:入门正确姿势
微信小程序入门系列《二》:开发工具使用与设计规范
微信小程序入门系列《三》:生命周期
微信小程序入门系列《四》:触控事件
微信小程序入门系列《五》:数据绑定
5:栁罗风尘的攻略系列:博客地址:不忘初心,才能始终
微信小程序简易全攻略《一》开始构建与创建页面
微信小程序简易全攻略《二》设置页面标题与底部导航
微信小程序简易全攻略《三》创建轮播图与数据请求,表单的创建、提交、与接收 ...
微信小程序简易全攻略《四》模板条件列表渲染完成模拟公众号自动回复 ...
6:Bison试水系列:博客地址:Bison的技术博客
IOS开发者试水:微信小程序开发教程-从零开始(1)
IOS开发者试水:微信小程序开发教程-从零开始(2)
IOS开发者试水:微信小程序开发教程-从零开始(3)
7:二当家小武零基础系列:博客地址:u012491227的专栏
零基础入门篇:微信小程序开发博客项目《上》
零基础入门篇:微信小程序开发博客项目《中》
8:dzp_coder学习点滴系列:博客地址:dzp_coder
微信小程序学习点滴《一》:如何获取时间,页面跳转,传递参数 ...
微信小程序学习点滴《二》:开发者工具快捷键,轮播图 swiper图片组件 ...
微信小程序学习点滴《三》:开发工具及开发环境配置,尺寸单位rpx与px,rem相互转换 ...
微信小程序学习点滴《四》:网络请求
微信小程序学习点滴《五》:网络请求(POST请求)填坑指南
微信小程序学习点滴《六》吐司toast(消息提示框)
微信小程序学习点滴《七》选项卡(窗口顶部TabBar)及(窗口底部TabBar)页面切换
微信小程序学习点滴《八》:数据存储 参数传递 数据缓存
9:Two_Water的学习系列:博客地址:【微信小程序】
微信小程序学习《一》:目录文件详解,视图渲染详解
微信小程序学习《二》:事件详解
10:oopsguy实战系列:博客地址:oopsguy - 博客园
精品教程:微信小程序实战之知乎日报
精品教程《二》:微信小程序实战之小豆瓣图书
11:TITF实用代码片段系列:博客地址:FutrueJet的博客
TITF出品:微信小程序实用案例代码片段大全《一》
TITF出品:微信小程序实用案例代码片段大全《二》
TITF出品:微信小程序实用案例代码片段大全《三》
TITF出品:微信小程序实用案例代码片段大全《四》
TITF出品:微信小程序实用案例代码片段大全《五》:ES6新特性专辑 ...
TITF出品:微信小程序实用案例代码片段大全《六》
TITF出品:微信小程序实用案例代码片段大全《七》
四:demo合集;网络上的demo十分分散,我专门集中了大部分目前可以搜寻到的demo,方便大家查找,每个demo均提供了github地址,方便查看最新更新代码;
官方开发者工具导入demo教程
微信小程序demo:万年历|日历
微信小程序简单demo功能:增删
微信小程序demo:快递查询(内含结构详解)
微信小程序优质demo推荐:微信挪车
微信小程序优质demo推荐:像素鸟游戏
微信小程序优质demo推荐:打飞机游戏
- 微信小程序demo:百度小说搜索
- 微信小程序demo:果库
- 微信小程序demo:爆米花popcorn
- 微信小程序demo:Testerhome
- 微信小程序demo:公众号热门文章信息流
- 优质demo推荐:空气质量查询
- 微信小程序demo:环球小镇商城
- 微信小程序demo:小林早餐
- 微信小程序demo:狼人杀
- 微信小程序demo:仿QQ,重点UI绘制 和微信
- 微信小程序demo:半个医生的探索版
- 微信小程序demo:模仿city games 看还原度
- 微信小程序demo:元宝币钱包 YBCWallet
- 微信小程序demo:骰子游戏
- 微信小程序demo:500px
- 微信小程序demo:有调商城
- 微信小程序demo:巴爷商城
- 微信小程序demo:礼物说
- 微信小程序demo:德泽微特产
- 微信小程序demo:备忘录2
- 微信小程序demo:24点计算游戏
- LeanCloud 的微信小程序用户登陆Demo
- 微信小程序demo:V2EX
- 微信小程序demo:We重邮(亲测可用)
- 新手学习福音:基于微信小程序官方教程的代
- 学习用demo:电影
- 微信小程序demo:搜索歌词(亲测可用)
- 微信小程序demo:电影app(亲测可用)
- 微信小程序demo:乐词
- 微信小程序demo:查询号码归属地
- 微信小程序demo:帮你妹
- 微信小程序demo学习示例:加载更多
- 微信小程序demo:豆瓣电影, 照片, 地图
- 微信小程序种子项目demo
- 微信小程序demo:flex布局页面
- 微信小程序demo:指尖书香
- 微信小程序demo:火车票查询
- 微信小程序demo:新闻客户端
- 微信小程序demo:花礼网
- 微信小程序demo:实现movecss效果
- 微信小程序demo:新闻头条
- 微信小程序demo:滴滴公交
- 微信小程序demo开发教程:地图定位
- 微信小程序demo:大好商城(新增功能天气查
- 微信小程序demo:吃货APP(实现上拉加载更多
- 方涛:微信小程序demo:智能机器人
- A闪:微信小程序demo:汇率计算器
- 微信小程序demo:水浒传
- Demo设计教程:Flex布局demo-4种必备常用
- 腾讯云微信小程序一站式解决方案客户端示例
- 微信小程序demo:五十音图(附作者感受)
- 微信小程序demo:电商(附简易教程)
- 微信小程序demo:IT-EBOOKS
- 微信小程序demo:英雄联盟(LOL)战绩查询
- 微信小程序demo:影讯
- 微信小程序demo:分答
- 微信小程序demo:ToDoList
- 微信小程序demo:gank.io
- 微信小程序demo:烩面APP
- 微信小程序demo:北欧风格家居设计馆
- 微信小程序demo:Artand
- 微信小程序demo:番茄时钟
- 微信小程序demo:基本功能实现
- 微信小程序demo实战教程:仿UC天气预报
- 微信小程序demo:可以播放音乐的 Apple Mus
- 微信小程序demo:计时器(两个demo)
- 微信小程序demo:健康菜谱
- 微信小程序demo:扫雷(挖金子)
- 微信小程序demo:A岛
- 微信小成都demo:小推车首页展示 购物车的
- 微信小程序demo:1024小游戏
- 微信小程序 cnode社区版本
- VR视频资源——微信小程序
- Gank——微信小程序Demo
- 移动端商城——微信小程序Demo
- TeamToy——微信小程序Demo
- Hiapp——微信小程序Demo
- 商城——微信小程序Demo
- 计算器——微信小程序Demo
- 开发模板 vue init——微信小程序
- github博文展示——微信小程序Demo
- 购物车——微信小程序Demo
- 抢红包——微信小程序Demo
- 热门文章信息流——微信小程序Demo
- 微票——微信小程序Demo
- 微信小程序demo:资讯类demo;功能实现列表
- 微信小程序demo:知乎日报(附:知乎日报AP
- 微信小程序demo:移动端商城
- 微信小程序demo:简易情绪音乐播放器V0.04
- 微信小程序demo:小姨妈
- 微信小程序demo导入小教程
- 微信小程序demo详解:今日头条
- 拉勾网App:微信小程序demo分享
- 微信小程序demo分享:豆瓣电影
- 微信小程序demo:搜索音乐小程序,调用酷狗
五:学习论坛,
1:很快社区:微信小程序,weixin,微信小程序开发:评价:新内容较少,老内容较丰富;
2:weapp:微信小程序开发论坛:内容较少,但有自己的原创;
3:微信小程序联盟:微信小程序社区:也就是我的论坛,内容目前最为丰富,但是缺乏原创;
4:青雀:青雀论坛_LarkApp_国内领先的小程序开发者社区:有自己的工具;
微信小程序 教程及示例的更多相关文章
- 微信小程序之微信登陆 —— 微信小程序教程系列(20)
简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...
- 微信小程序 教程之引用
系列文章: 微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之 ...
- 微信小程序教程系列
微信小程序教程系列 来源: https://blog.csdn.net/michael_ouyang/article/details/56846185 相关连接:http://blog.c ...
- hello-weapp 微信小程序最简示例教程
打开微信小程序官方开发文档,最好全篇看一遍,基本上就会了. 点击文档中 工具 选项卡中 下载工具页面 下载对应系统版本的微信开发者工具 注意:脱离微信开发者工具是不能调试的 好了,安装下工具即可打开, ...
- 微信小程序教程汇总
目前市面上在内测期间出来的一些实战类教程还是很不错的,主要还是去快速学习小程序开发的整体流程,一个组件一个组件的讲的很可能微信小程序一升级,这个组件就变了,事实本就如此,谁让现在是内测呢.我们不怕,下 ...
- 一个小时快速搭建微信小程序教程
「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的 ...
- 微信小程序「官方示例代码」浅析【上】
从某个微信群里,拿到了这个IDE的下载地址,然后就有了这个: 根本登不上去,怎么办,怎么办呢? 看代码啊... 反正我又没有保密协议,解压缩一看NodeWebkit + React: 好啦 ,逛逛呗, ...
- 开发一个微信小程序教程
一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序 ...
- 微信小程序教程(第三篇)
小程序的架构及实现机制,信道服务及会话管理 小程序架构及实现机制 小程序并不是 H5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件).所以建议在开发小程序时不要以 ...
随机推荐
- Git一套简流
一.前奏 1.凡是记忆性的问题都不是问题! 如果你曾大致了解了Git这一门技术,你会发现这是属于"记忆型"的,所以,这门技术对我们来说不是问题,是一门熟能生巧的哲学. 有了这个前奏 ...
- Web前端性能优化教程04:压缩组件
本文是Web前端性能优化系列文章中的第四篇,主要讲述内容:压缩组件.完整教程可查看:Web前端性能优化 基础知识 gzip编码:gzip是GUNzip的缩写,是使用无损压缩算法的一种,最早是用于Uni ...
- 【HDU 4408】Minimum Spanning Tree(最小生成树计数)
Problem Description XXX is very interested in algorithm. After learning the Prim algorithm and Krusk ...
- Cocoa pod的使用注意点
一.CocoaPods是什么? CocoaPods是一个负责管理iOS项目中第三方开源库的工具.CocoaPods的项目源码在Github上管理.该项目开始于2011年8月12日,在这两年多的时间里, ...
- C++编译期多态与运行期多态
前言 今日的C++不再是个单纯的"带类的C"语言,它已经发展成为一个多种次语言所组成的语言集合,其中泛型编程与基于它的STL是C++发展中最为出彩的那部分.在面向对象C++编程中, ...
- 【BZOJ-1090】字符串折叠 区间DP + Hash
1090: [SCOI2003]字符串折叠 Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 1127 Solved: 737[Submit][Stat ...
- 【BZOJ-1864】三色二叉树 树形DP
1864: [Zjoi2006]三色二叉树 Time Limit: 1 Sec Memory Limit: 64 MBSubmit: 659 Solved: 469[Submit][Status] ...
- Jenkins邮件扩展插件【Email Extension Plugin】的参数使用
经过测试,无论在windows还是linux,统一使用参数时,都是按照linux的格式,如:${WORKPASE}
- linux 中php以及nginx的重启命令
关闭php killall php-fpm 注意:php关闭之前,使用ps aux|grep 'php' 查看一下php的服务及进程 php重启 /usr/local/php/sbin/php-fpm ...
- iOS @property的默认属性
我是一个比较懒的人,很多情况下@property都不喜欢加属性…所以必须了解默认情况下哪些是已经有的,哪些在需要时是必须要加的. 原文链接:http://blog.sina.com.cn/s/blog ...