微信小程序知识点

上拉加载下拉刷新

全局上拉加载和下拉刷新

只需要在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的博客-CSDN博客_小程序滑动事件

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

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

bindtouchstart事件:

 bindtouchmove事件:

bindtouchend事件:

小程序定时器

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

 

 

 

 

1. Uniapp是什么? Uniapp是一个基于Vue.js开发的多端应用框架,它可以开发出一套代码,同时支持编译成小程序、H5、App等多个平台,实现一次开发,多端部署。 2. 微信小程序是什么? 微信小程序是微信公众平台提供的一种新的应用形态,它不需要下载安装即可使用,具有轻便、快捷的特点,可以在微信直接使用。 3. Uniapp如何开发微信小程序? 首先,需要在Uniapp选择微信小程序模板进行项目创建,然后在Uniapp编写代码,包括页面、组件、API等。最后,使用微信开发者工具将Uniapp项目编译成微信小程序。 4. Uniapp支持哪些微信小程序特性? Uniapp支持微信小程序的大部分特性,包括WXSS样式、WXML模板、JS逻辑代码等。同时,Uniapp还提供了一些特有的API,如跨页面通信、全局变量等。 5. 如何在Uniapp使用微信小程序的API? 在Uniapp使用微信小程序的API需要借助Uniapp提供的封装函数。Uniapp封装了一些常用的微信小程序API,如wx.request、wx.showToast等,可以直接在Uniapp调用。 6. 如何在Uniapp使用微信小程序的组件? 在Uniapp使用微信小程序的组件需要将组件代码复制到Uniapp,并进行相应的修改。同时,Uniapp也提供了一些封装好的组件,如uni-list、uni-icons等,方便开发者使用。 7. 如何在Uniapp使用微信小程序的插件? 在Uniapp使用微信小程序的插件需要安装插件并进行相应的配置。Uniapp支持使用微信小程序的插件,如wxParse、wxCharts等。 8. 如何在Uniapp进行微信小程序的调试和发布? 在Uniapp进行微信小程序的调试和发布需要使用微信开发者工具。开发者可以在Uniapp进行代码编写和调试,然后使用微信开发者工具将Uniapp项目编译成微信小程序,最后在微信开发者工具进行测试和发布。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值