1,小程序官网:https://mp.weixin.qq.com/
2,vscode小程序插件
(1)wxml
(2)wxss-peek
(3) minapp:微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
(4)wechat-snippet:微信小程序代码辅助,代码片段自动完成
3,app.json 全局配置
"window": {
"navigationBarBackgroundColor": "#fff", //只能是16进制
"navigationBarTextStyle": "black", //只能是单词
"navigationBarTitleText": "小程序",
},
4,小程序的css单位:rpx
5,小程序会为所有页面自动加page标签,应在app.wxss文件中设为heigth: 100%
6,vue的data被劫持代理(Object.definePropety() ),可以直接this.msg获取;而小程序没有,所以小程序的data数据获取要用this.data.msg
7,react在自身的钩子函数中(componentDidMount)修改data,this,setState是异步的,在非自身的钩子函数(定时器的回调)是同步的;而小程序(this.setData)始终是同步的
8,vue,react,小程序对比
*this.setData()是同步的
9,生命周期
onLoad(监听页面加载)——>onShow(监听页面显示)(可执行多次)——>onReady(监听页面初次渲染完成)(有数据)——>onHide(监听页面隐藏)(可执行多次)——>onUnLoad(监听页面卸载)
10,路由
(1)wx.reLaunch:关闭所有页面,打开到应用内的某个页面,执行当前页面的onUnLoad
(2) wx.navigateTo: 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面,执行当前页面的onHide,回退后,执行onShow,不再执行onLoad,因为onLoad只执行一次
(3) onLoad(options) 接收的参数options为路由跳转的query参数
(4)路由跳转路径要从根路径开始
11,修改基础库
12,前后端交互
(1). 语法: wx.request()
(2). 注意点:
a. 协议必须是https协议
b. 一个接口最多配置20个域名
c. 并发限制上限是10个
b. 开发过程中设置不校验合法域名: 开发工具 ---> 右上角详情 ----> 本地设置 ---> 不校验
13,bindtap绑定的点击事件,通过id向event传参时,如果是number会自动转换为string,通过data-*传参则不会。
14,关于scroll-view
(1)scroll-y,使用时必需设置容器高度。
(2)
15, 下拉刷新
(1) 整体页面下拉刷新需要在json文件中配置 "enablePullDownRefresh": true。
(2) 局部刷新,bindrefresherrefresh="handleRefresh",收起下拉刷新:refresher-triggered="{{refreshTragger}}",为false时收起。
16,小程序的 hidden 属性等同于vue的 v-show,如果是频繁的切换,用hidden的性能要比if else要好。
……