需求背景：
實現圖片輪播功能且高度要自適應。
技術實現思路：
使用小程序自帶組件swiper。
關鍵點：就是要計算出當前圖片的高度並賦值給swiper高度。需要計算是由於swiper必須指定高度不能像div一樣自動撐開。
難點：
1、問題：切換頁面返回 由onhide—>onshow時，出現所有的高度會保持在最後計算出的那個值，導致高度自適應效果失效。
原因：是由於此時imageLoad不再監聽。
解決辦法：watch圖片列表，給url加參數（時間戳），使其每次都重新加載，使imageLoad監聽。
2、問題：切換到後臺再返回到前臺時，初始高度會保持出現在第一張圖片的高度，若切換時非第一張圖片，就會導致給當前圖片高度不正確，被遮擋或者有大片空白。
原因：給swiper賦值的是 圖片列表裏第一張的高度。
解決辦法：後臺切回前臺時，appdata是保持不變的，而當前圖片排位已被保存變量，所以取當前圖片的高度賦值給swiper高度。
3、問題：此組件所在頁面，下面有跳轉到當前頁的業務需要，只是渲染數據不同。當返回前一個頁面時，初始高度還保留着返回前最後一次的高度，與當前頁當前圖片高度不符。
原因：同頁面切換時，appdata沒有重新賦值的話就不會變化，最後當前圖片變量取值了最後出現的那個頁面的當前圖片。
解決辦法：每切換到一個頁面時，在圖片組件裏，緩存以頁面數:當前圖片爲鍵值的currents對象。返回到某個頁面時，通過當前頁面數取得當前圖片，從而獲得當前初始高度。
PS： 在設計和解決這些難點時，均遵循着組件的高內聚、低耦合原則，使得更具複用性、穩定性、無依賴。
具體實現：
ps：很多時候開始發現是未解的，待解決之後發現原來並沒什麼，😄，希望我們在發現問題解決問題的路上結伴而行孜孜不倦～ 有寫的不到之處望能不吝賜教，歡迎隨時交流，共勉～ 😊