微信小程序从基础到发布全流程
1.小程序简介
- 运行环境不同
运行在微信环境中
- API不同
无法调用BOM和DOM
可以调用微信各种API:地理定位、扫码、支付
- 开发模式不同
申请小程序开发账号
安装小程序开发者工具
创建和配置小程序项目
2.第一个小程序
接下来选择不使用云代理,使用javascript语言开发
3.基本结构
4.页面及环境
- WXML
- WXSS
- JS
小程序宿主环境包含的内容:
通信模型
运行机制
组件
API
-
通信模型
-
运行机制
-
启动过程
-
渲染过程
-
-
组件
- API
5.数据绑定、渲染、样式
数据绑定
- 在data中定义数据
- 在WXML中使用数据(Mustache语法)
常用事件
事件处理
条件渲染
列表渲染
WXSS
样式导入
全局配置
[注意]:tabBar标签配置的页面必须放到pages显示页面的最前面
数据请求
6.导航、传参、生命周期
页面导航
导航传参
[注意]:一般在data中定义
query:{ }
来保存传递的参数
下拉刷新与上拉触底
[注意]:上拉触底需要做节流处理,将频繁多次的上拉触底操作变成一次,即不重复发送网络请求
生命周期
[注意]:onLoad和onReady使用比较多
- onLoad:监听页面加载,可以初始化页面数据、转存页面携带的参数
- onReady:监听页面初次渲染完成,可以修改页面内容,如:修改当前页面标题内容
WXS
[注意]:wxs中定义的函数不能作为事件回调函数,借鉴了js但是两种不同的语言