微信小程序基础

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

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

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

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

image.png image.png image.png

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

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

开发说明

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

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

image.png image.png image.png

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

工具类文件

image.png

框架页面文件

image.png

逻辑层
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说明

image.png image.png

---

请点赞！因为你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群