下拉刷新,上拉加载更多

1,694 阅读1分钟

title: 拉刷新,上拉加载更多 date: 2018-07-09 14:37:58 tags:

  • 前端 categories:
  • 前端

继续上一内容,更新第三部分,防重复点击-节流函数的使用。

  1. 截图分享功能
  2. 按钮防重复点击(节流函数应用)

==3. 下拉刷新,上拉加载更多(这个地方有坑)== 4. 性能优化方面

事因:搭建移动端项目时UI框架没选好,没有做细致的调研,这是一个工作上的失误,因为之前有用mint-ui搭建项目,觉得还可以,就在这个项目直接上了,因为想着用不到多少组件,只需要按需引入几个就可以了,导致的结果就是当项目很多地方已经用mint-ui搭建成型了,却发现这个框架一些细节的地方经不起测试大佬的折磨,左滑删除页面晃动问题,上下拉在部分手机上无效,特别是安卓7.0以下的版本,问题出现的比较频繁。

尝试想办法解决这个问题,一下午的功夫最终的测试结果是高度导致的,必须得写死高度才行,每个页面渲染时都得用JS计算一遍再赋值上去,而这样的工作量有比较大,以后新添加东西也不好维护,

最后github上找到一个好用的上下拉刷新插件。经过测试确实挺好用的,这里就给大家做个介绍,防止在移动端时遇到不能上拉刷新的情况。

mescroll

详细介绍

因为Github上介绍已经很详尽了,此处不做多的介绍。