下拉刷新，上拉加載更多

---

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上介紹已經很詳盡了，此處不作多的介紹。