這篇文章對於熟悉小程式開發的人或者說熟悉開發文件的人來說簡直就是雞肋，因為沒有技術性可言。不過，對於像我這種入門者而且沒有多看文件的人來說，多少會有些用，思考再三還是寫篇文章記錄下好了，沒有惡意刷存在感[笑哭.gif]。        場景是這樣的：我的頁面中有多條資料需要分頁顯示，所以就在頁面回撥方法onReachBottom中處理"上拉載入更多"的邏輯，載入過程中使用wx.showLoading來給使用者提示，載入完成以後自動隱藏彈窗，也就是wx.hideLoading。測試中發現，在向伺服器請求新資料的過程中，載入彈窗(showLoading)還在顯示的時候，使用者可以任意的滑動頁面，導致在onReachBottom方法裡通過給表示頁碼的欄位page加1的方式來請求下一頁資料的邏輯混亂。舉個例子，當我第一次上拉頁面去載入第二頁資料時，由於網路請求會有些延遲，所以會在成功前一直顯示載入彈窗，如圖1.圖1.這個時候，我不斷來回上拉<-->下拉頁面，就會不斷的觸發onReachBottom方法，導致上述的page欄位不斷的加1，而此時第二頁還沒請求到呢，但page欄位的值可能就已經是3，4，5...了，所以，當第二頁資料請求到以後，再去上拉頁面打算載入第三頁的時候，其實是請求了第四，第五......頁的資料。這個問題發現以後我首先想的是像android觸控事件那樣在這個載入過程中攔截滑動事件造成阻塞，然後就在網上搜索攔截的方法，但找了半天沒找到，在.wxml中有一些攔截事件，但我這是在js檔案中的邏輯...然後嘗試新增flag的方式，也就是設定個變數flag，請求的過程中使flag=false,如果遇到false就不讓onReachBottom方法裡的邏輯觸發，請求成功以後修改flag的值為true。這種方式一定程度上可行，但還是有些同步的問題導致不嚴謹。後來請教了其他人，原來只需要一個簡單配置就搞定：在wx.showLoading()的物件中將欄位mask的值設為true就行了[捂臉.png],見圖2.圖2.然後又去看了下官方文件，見到如下說法(圖3):圖3.

也就是說，如果要防止在彈出載入彈窗的時候背後的頁面響應觸控事件，那麼就把mask設定為true就行了，預設是false。注意：在開發工具的模擬器上測試是不行的，需要在真機上測試才能看到效果。

教訓就是，以後要多看看官方文件[笑哭.gif]。