微信小程序介绍
微信小程序开发工具的使用
微信小程序框架文件
微信小程序逻辑层
微信小程序视图层
微信小程序组件介绍
微信小程序API说明

什么是微信小程序
无需下载安装卸载 触手可及 用完即走

小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应用的问题。应用将无处不在,随时随地可用,但又无需安装卸载。

微信小程序的发展历程
2016年1月9日,微信团队首次提出应用号概念;
2016年9月22日,微信公众平台对外发送小程序内侧邀请,内侧名额200个;
2016年11月3日,微信小程序对外公测,开发完成后可以提交审核,但公测期间不能发布;
2016年12月28日,张小龙在微信公开课解答外界对微信小程序几大疑惑,包括没有应用商店、没有推送消息等等内容;
2016年12月30日,微信公众平台对外公告,上线的微信小程序,最多可生成10000个带参数的二维码;
2017年1月9日,微信小程序正式上线;

微信小程序基础_微信小程序开发

微信小程序基础_其他分类_02

微信小程序基础_微信小程序开发_03

微信小程序提供的功能
支持分享当前页功能,分享到群或单个好友;
小程序线下扫码功能;
小程序支持挂起状态;
小程序的消息通知;
小程序和公众号的关联;
小程序的搜索和历史列表;

微信小程序的不提供的功能
小程序没有集中入口,没有应用商店;
小程序没有订阅关系;
小程序不能推送消息;

开发说明

微信小程序开发文档:
https://mp.weixin.qq.com/debug/wxadoc/dev/?t=2017112

公众平台申请开发者账号:
https://mp.weixin.qq.com/

微信小程序基础_其他分类_04

微信小程序基础_微信小程序开发_05

微信小程序基础_其他分类_06

框架全局文件
(1)app.js小程序逻辑;
(2)app.json小程序公共设置;
(3)app.wxss小程序公共样式表;

工具类文件
微信小程序基础_其他分类_07

框架页面文件
微信小程序基础_微信小程序开发_08

逻辑层
app.js里使用App()函数注册一个小程序;
页面对应的js里使用Page()函数来注册一个页面;
模块化;

WXML页面文件
(1)数据绑定
(2)条件渲染
(3)列表渲染
(4)模板
(5)引用
(6)事件

WXSS样式文件
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。

组件分类
(1)视图容器组件;
(2)基础内容组件;
(3)表单组件;
(4)导航组件;
(5)媒体组件;
(6)地图组件;
(7)画布组件;
(8)客服会话组件

常用API说明

微信小程序基础_微信小程序开发_09

微信小程序基础_其他分类_10


 

微信小程序基础_微信小程序开发_11