- wx是封装的全局对象
- 开发查官网:https://developers.weixin.qq.com/miniprogram/dev/reference/
- App():注册小程序
- 结构 样式 行为(页面三要素)
- 小程序找图片绝对路径
- 控制台看到的是css像素
- app.json的page会有页面路径,新建时会自动写入,如果没有app.json,则没有地方写入
- 捕获 获取 冒泡
- 自定义事件
- 冒泡事件
a) 定义:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
b) 冒泡事件列表:
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html - 非冒泡事件
a) 定义:当一个组件上的事件被触发后,该事件不会向父节点传递。
b) 非冒泡事件:表单事件和自定义事件通常是非冒泡事件
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html
绑定事件 - bind绑定:事件绑定不会阻止冒泡事件向上冒泡
<view bindtap="handleTap" class='start_container' bindtap="handleTap">
<text class='start'>开启小程序之旅</text>
</view>
-
catch 绑定: 事件绑定可以阻止冒泡事件向上冒泡
将上面的bindtap改成catchtap就可以啦
跳转页面 -
wx.navigateTo(OBJECT):跳转有记录,可通过回退键进行回退9
// 跳转到list页面
wx.navigateTo({
url: ‘/pages/list/list’,
success(){
console.log(‘跳转成功’);
}
}) -
wx.redirectTo(OBJECT):
没有记录,不能进行回退
// 跳转到list页面
wx.redirectTo({
url: ‘/pages/list/list’,
success(){
console.log(‘跳转成功’);
}
})