微信小程序知识点

本文详细介绍了微信小程序中全局及单页的上拉加载和下拉刷新配置,以及组件间的通信方法,包括父向子传值和子向父传值的实现。此外,还涵盖了页面跳转的编程式和声明式导航,并讲解了如何获取路由参数。同时,讨论了小程序中的数据缓存、滑动事件的处理和定时器的使用,提供了完整的代码示例和步骤解析。

上拉加载下拉刷新

全局上拉加载和下拉刷新

只需要在app.json文件中window配置下配置:

单个页面上拉加载下拉刷新

在需要的页面的json文件中配置:

 组件通信

父向子传值

在父组件找到子组件标签 自定义属性名=“要传递的数据”

在子组件js文件中找到properties 定义一下自己穿的数据的类型 然后就可以当data来使用

子向父传值

 子组件自定事件用this.triggerEvent('方法名','传递的数据')

在父组件找到子组件标签用 bind方法名='新的方法名' 新的方法名里面有一个参数那个参数的detail就是传递过来的数据

 跳转

微信小程序条状有两种方法

1、编程式导航

wx.switchTab({url: 'url',})(可以跳转到tabBar页面,路径后面不能有参数)

wx.navigateTo({url: 'url',})(需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。)

wx.reLaunch({url: 'url',})(需要跳转的应用内页面路径 (代码包路径),路径后可以带参数)

wx.redirectTo({url: 'url',})(需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。)

wx.navigateBack({url:'url'})或者wx.navigateBack({delta:数字})(关闭当前页面,返回上一页面或多级页面。delta的数字可以调到上几个页面默认是1,如果大于所有页面的页数则跳转到首页)

2、声名式导航

用小程序自带的标签navigator 里面有url是跳转的路由地址,open-type里面是路由方法,跟编程式导航一样。

<navigator url="/pages/my/my" open-type="switchTab">导航到 my 页面</navigator>

获取路由参数

每一个页面的js文件中都有一个onLoad,里面有一个参数options,而options里面就是路由参数的信息

其他知识点

每个页面的标题设置和隐藏返回主页的小房子

数据缓存

首先有同步储存和异步储存,同步:StorageSync,异步:Storage

wx.xxxStorageSync('key','value')

wx.xxxStorage({key:'key',data:'value'})

xxx是方法,方法有四个:添加:set,获取:get,删除:remove,清除:clear(clear不需要写参数)

小程滑动事件(直接上csdn链接)

(61条消息) 小程序-滑动事件_RickRelax的博客-优快云博客_小程序滑动事件

首先在data设置自己的初始值 开始x轴和结束的x轴(上下滑动则是y轴),还有判断滑动执行的条件:

再找到自己需要滑动的元素绑定事件bindtouchStart,bindtouchmove,bindtouchend

bindtouchstart事件:

 bindtouchmove事件:

bindtouchend事件:

小程序定时器

在data设置一个来控制定时器的开关,然后设置一个自定义事件里面存放定时器还有一个结束定时器的事件,然后再onLoad里面使用定时器事件,onUnload使用结束定时器事件。

 

 

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值