文章目录
文档
wx-js-utils
- 小程序用户
- 小程序模板消息
- 小程序统一消息
- 小程序动态消息
- 小程序码
- 微信支付
微信支付
技巧、方法与工具
- 编译配置: 可以配置不同的页面作为起始页面
相对路径,绝对路径
- 绝对路径:以/开头: /pages/index/index
- 相对路径:不以/开头
调试
异常
- catch…try
- window.onerror
回调函数
示例:
// 带回调函数的函数
getData:function(callback){
if(!callback){
callback=res=>{
}
}
wx.showLoading({
title: 'load data',
})
todos.get().then(res => {
// console.log(res.data)
this.setData({
tasks: res.data
},res=>{
callback()
wx.hideLoading()
})
})
}
// 传入回调函数
this.getData(res=>{
wx.stopPullDownRefresh()
})
事件
事件绑定与冒泡捕获
事件绑定的写法和组件属性一致,以key="value"的形式,其中:
- key以bind或者catch开头,然后跟上事件的类型,如bindtap、catchtouchstart。自基础库版本1.5.0起,bind和catch后可以紧跟一个冒号,其含义不变,如bind:tap、catch:touchstart。同时bind和catch前还可以加上capture-来表示捕获阶段。
- value是一个字符串,需要在对应的页面Page构造器中定义同名的函数,否则触发事件时在控制台会有报错信息。
- bind和capture-bind的含义分别代表事件的冒泡阶段和捕获阶段,其触发的顺序如下
<view
id="outer"
bind:touchstart="handleTap1"
capture-bind:touchstart="handleTap2">
outer view
<view
id="inner"
bind:touchstart="handleTap3"
capture-bind:touchstart="handleTap4">
inner view
</view>
</view>
返回:
handleTap2、handleTap4、handleTap3、handleTap1
事件回调
setMsg:function(eve){
var s
s = eve.type //是inner view组件