- 博客(5)
- 收藏
- 关注
RSS订阅原创 微信小程序全局加载中图标效果
微信小程序全局加载中图标效果需求效果： 请求未完成时显示加载中效果步骤与思想：1.因为封装好的异步请求方法是全局的，有些页面可能同时发送多个异步请求，但返回数据的时间可能不一样，如果我们单单是一返回结果就结束loading动画，可能会产生有的异步请求还未完成就结束这个效果，所以我们必须保证所有的异步请求完成时才结束loading效果。所以我们定义ajaxTime变量一开始为0，发送一个异步请求就加一，返回结果就减一，直到最后所有的请求都发送完毕，此时我们就可以结束loading效果，代码如下let
2021-04-30 22:49:26
1015
1
原创 微信小程序实现下拉刷新
微信小程序实现下拉刷新1.在页面json文件增设 "enablePullDownRefresh": true//开启页面下拉刷新2.增设下拉loading样式 "backgroundTextStyle": "dark"//设置下拉loading样式效果：3.下拉刷新需求是返回到第一页，则我们下拉时需要将获取数据的数组重置清空，接着将页码设置为1，最后重新调用获取数据的方法，这个属于页面生命周期的方法，则我们先增设 onPullDownRefresh方法 onPullDownRefr
2021-04-30 21:48:08
344
1
原创 微信小程序实现加载下一页数据（翻页）
微信小程序实现加载下一页数据（翻页）1.先async实现异步请求数据获取到的数据如下2.获取总数据条数const total=res.total;//获取总条数3.计算得到这么多条数据该分配的页数 this.totalPage=Math.ceil(total/this.QueryParam.pagesize); //总页数等于总条数除以页容量并向上取整4.对新旧数据进行拼接，这个方法是真的牛逼 this.setData({ goodsList:[...this.dat
2021-04-30 21:06:14
2936
4
原创 父传子、子传父经典案例—微信小程序自定义标题栏全过程
父传子、子传父经典案例—微信小程序自定义标题栏全过程1. 先在父组件（页面）的data中放入数组数据2. 在component文件夹新建组件Tabs3. 在父组件引入子组件4. 在父组件的wxml中引入子组件标签，此时组件的基操完成，准备进入父传子环节5. 父亲向子组件传递数据靠属性，咱们在子组件标签中引入在list属性，值为咱们在data中的list数组6. 引入属性后不要忘记在子组件js文件中的properties中写清楚引入的属性的类型以及默认值7. 此时子组件已经获取父组件的l
2021-04-24 20:51:13
282
原创 微信小程序缓存技术
微信小程序缓存技术前言：当后台需要传入的数据非常大时，用户每刷新一次页面就得重新加载并请求所有数据，这样每次刷新都需要很长一段时间加载页面，会非常影响用户体验，故我们可以使用缓存技术来解决这个问题微信小程序缓存技术步骤：1. wx.setStorageSync('cates', {time:Date.now(),data:this.Cates})wx.setStorageSync(‘key’,value)请求到接口数据后存储数据2. const iscates = wx.getStor
2021-04-16 14:20:38
424
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人