微信小程式 頁面資料的更新

2021-09-25 14:45:55 字數 1127 閱讀 8285

關於前端資料載入咱們都會做同一件事，就是理所當然的將載入資料放在onload中，因為onload是生命週期函式--監聽頁面載入。有時候這樣做並沒有錯，包括我在之前開發也沒有遇到什麼不妥的地方。

下面是我寫myroom動態頁面的「旅途」。（myroom是檢視自己建立的所有課程的頁面）

1、初始的簡易寫法。



onload:function(options))


}
2、 因為myroom中不僅有這乙個網路請求，所以把每個不同的請求都封裝一下。



onload:function(options),


fetchdata:function())},.


..


/**   * 頁面相關事件處理函式--監聽使用者下拉動作


*/onpulldownrefresh: function()
on




fetchdata:function()


})}
4、在給學長看效果的時候，他說這對使用者太不友好了，還要手動重新整理。於是我就開始想怎麼重新整理呢，怎麼重新整理呢？.........在滾動myroom.js的時候發現了onshow這個方法，是監聽頁面顯示的。我就想到了既然不能返回時給個指令讓頁面重新整理，那就用個「耗電且低效能」的辦法，監聽頁面顯示，每次頁面顯示時就呼叫fetchdata()。不管需不需要重新整理頁面，都讓它重新整理。(但是需要注意的是，必須將onload中的請求刪除，不然會請求兩次)



/*** 生命週期函式--監聽頁面顯示


*/onshow: function()
5、由於這種效能太底下了，經過查閱資料發現有一種獲取頁面棧的方法。原文： 



var pages = getcurrentpages(); // 獲取當前頁面的頁楨


if (pages.length > 1) );


}
理解頁面棧：

微信小程式頁面布局

3.flex布局的主要特徵是能夠調整其子元素在不同的螢幕大小中能夠用最適合的方法填充合適的空間。二,flex布局的特點 1.任意方向的伸縮，向左，向右，向下，向上 2.在樣式層可以調換和重排順序 3.主軸和側軸方便配置 4.子元素的空間拉伸和填充 5.沿著容器對齊23 顯示效果 block改換成di...

微信小程式頁面布局

1.flex布局，是w3c在2009年提出的一種新的方案，可以簡便，完整，響應式的實現各種頁面布局。2.flex布局提供了元素在容器中的對齊，方向以及順序，甚至他們可以是動態的或者不確定的大小的。3.flex布局的主要特徵是能夠調整其子元素在不同的螢幕大小中能夠用最適合的方法填充合適的空間。二,fl...

微信小程式頁面跳轉

每乙個列表對應著都有乙個詳情頁面，那麼這個詳情頁面可以通過乙個標籤去跳轉，也就是用上述的標籤就可以數顯跳轉 那麼對應列表裡面的詳情頁我們還需要在這個鏈結上進行乙個操作。也就是在鏈結後面 新增乙個對應的id引數，然後js裡面去接受這個引數，就會根據資料來跳轉到對應的詳情頁去了。exports.gets...