uniapp滚动加载 下拉刷新_uniapp下拉加载(1),2024年最新鸿蒙常用面试题 ...

打印 上一主题 下一主题

主题 1025|帖子 1025|积分 3075

先自我先容一下,小编浙江大学结业,去过华为、字节跳动等大厂,现在阿里P7
深知大多数步伐员,想要提升技能,往往是本身探索发展,但本身不成体系的自学结果低效又漫长,而且极易遇到天花板技术故步自封!
因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》,初志也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋侪。





既有适合小白学习的零底子资料,也有适合3年以上经验的小同伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码课本、实战项目、大纲门路、讲解视频,并且后续会一连更新
如果你必要这些资料,可以添加V获取:vip204888 (备注鸿蒙)

正文

startDate: ‘’,
endDate: ‘’,
page: 1,//页数
limit: 20//每页条数
},
total: 0,//数据总条数
}
},

  • 封装数据哀求函数
   每发起一次哀求 把获取的数据push到pageList里。
  getdata(){
uni.request({
url: ‘https://www.example.com/request’, //仅为示例,并非真实接口地址。
data:this.submitDate,
header: {
‘custom-header’: ‘hello’ //自定义哀求头信息
},
success: (res) => {
this.pageList.push(res.data.list); //具体根据你接口返回数据修改
this.total = res.total;//数据总条数
}
});
}

  • 在onReachBottom生命周期里封装具体加载逻辑
    ① 判断页面数据dataList的长度,如果长度小于total 则继续把数据push到dataList,如果长度大于大概即是total ,则说明已经加载了全部数据,此处提醒用户数据加载完成
    ② 为了制止数据重复,每滚动到底部一次,在必要哀求下一页数据之前,submitDate里page必要加1,即that.submitDate.page++;
    如果必要加载框的话,可以在getdata里利用uni.showLoading({title:'加载中...'}),然后在success回调里隐藏加载框 uni.hideLoading()
showLoading参数说明


onReachBottom() {
let that = this
if (that.total <= that.dataList.length) {
uni.showToast({
title: ‘已加载全部数据’,
icon: “none”
});
} else {
that.submitDate.page++;
that.getData()
}
},
二、下拉刷新

下拉刷新指的是当用户下拉页面时,自动刷新页面并重新加载数据。在uniapp中,我们可以通过onPullDownRefresh来实现下拉刷新。
onPullDownRefresh(下拉刷新)

   开始下拉刷新,调用后触发下拉刷新动画,结果与用户手动下拉刷新一致。
  uni.startPullDownRefresh(OBJECT)参数说明


uni.stopPullDownRefresh()

   制止当前页面下拉刷新。这个一定别忘了,否则页面顶部不停会有一个加载动画
    在 js 中定义 onPullDownRefresh 处理惩罚函数(和onLoad等生命周期函数同级),监听该页面用户下拉刷新事故。
必要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中设置 “enablePullDownRefresh”: true。
  当处理惩罚完数据刷新后,uni.stopPullDownRefresh 可以制止当前页面的下拉刷新。
具体实现步骤如下:


  • 在pages.json下添加 “enablePullDownRefresh”: true

  • 在下拉刷新生命周期里封装相应刷新逻辑
   刷新之前先清空页面数据 that.dataList = []; 然后初始化page为查询第一页数据 that.submitDate.page = 1,最后发起哀求。
  网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
必要这份体系化的资料的朋侪,可以添加V获取:vip204888 (备注鸿蒙)

一个人可以走的很快,但一群人才能走的更远!岂论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都接待加入我们的的圈子(技术互换、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习发展!
注鸿蒙)**
[外链图片转存中…(img-8cgyIfwV-1713328477227)]
一个人可以走的很快,但一群人才能走的更远!岂论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都接待加入我们的的圈子(技术互换、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习发展!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

科技颠覆者

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表